How to reproduce Apple’s clock text effect
This may not be possible, but I’d love to be able to reproduce this effect Apple uses on their clocks in their various OS’s. I think it’s a backdrop-filter of sorts but is clipped by the text with some sort of blend mode applied. Is this even possible with CSS?
How i do thisss
Hi guys, I want to replicate this layout, any tips for positioning the beer and leaves? There is also this banner that is divided which I am unsure about.
Place a circle behind a DIV (CSS)
Hi. I have no problem creating the modal. My issue is how to get the circle behind it, and center both of them in the middle of the browser.
I have included a screenshot of what I am trying replicate.
Thanks for your help....
Navbar doesn t work in mobile
I'd like to know why my navbar when I put it a position fixed the dropdown mobile does not work, can someone help me?
Link: https://656676d9227bb411d9612f93--zippy-crepe-af5c29.netlify.app/...
Problem with the form - the message can be moved sideways after expanding
Hi all. As in the title, if someone wanted to enlarge the message, I would like it to be possible to scroll down instead of sideways. In short, there is a button to enlarge the message, I want it to only be possible to scroll down. It's my first time making a form and I can't quite get it done.
mypen: https://codepen.io/Bartomiej-/pen/MWLBpjO...
Bottom Navbar
Hi, everyone.
I am trying to make bottom navigation bar, but when i scroll page to the bottom - it overlaps on text/components.
How can i make it visible all the time, but to not overlap on other items at the bottom of the page?
stackblitz: https://stackblitz.com/edit/stackblitz-starters-bm1fj6?file=app%2Fpage.tsx...
Need advice on making CSS Grid containers equal in height/width with responsive design - any tips?
I'm facing a challenge with CSS Grid Layout in creating a responsive design where grid containers need to have equal height and width. These containers hold varying amounts of content. While I've tried using min-height, it compromises the fluid responsiveness of the layout. I'm looking for a solution that maintains equal dimensions across these containers without losing the responsiveness.
Has anyone tackled a similar issue or have suggestions on how to achieve this effectively? Any insights or alternative approaches would be greatly appreciated! Please go easy on me. I'm only doing this to learn about Grid and am overwhelmed by Clamp, Minmax, etc. 🙂...
I can't see my images
I am trying to make a slider carousel, but for some random reason that I don't know, I can't see my images on the screen.... I just can see the dots from the sliderSettings
In the SlideImage style component only has a width for the img
```js
import React, { useEffect, useRef, useState } from "react";
import { ProvaSocialContainer, TextContainer, SlideImage } from "../styles/ProvaSocial.style";...
