Gradient Shadows

How to get gradient shadows like the one behind this button using tailwindcss or vanilla css?
No description
2 Replies
Chris Bolson
Chris Bolson2w ago
You can achieve this by duplicating the background in a pseudo element and giving it some blur and, if required, reducing the opacity.
ἔρως
ἔρως2w ago
you can also use the element() function and blur the living crap out of the background - but it only works on safari and firefox replicating the background in a pseudo-element sounds like the most compatible version

Did you find this page helpful?