6 Tweets 4 reads Jun 28, 2022
Different CSS shadow properties.
โžก๏ธ Text shadow:
The CSS text-shadow property adds a shadow to text. Described by some combination of X and Y offsets, blur radius, and color.
โžก๏ธ Multiple shadows:
To add more than one shadow to the text, you can add a comma-separated list of shadows to create a beautiful effect.
โžก๏ธ ๐—ฏ๐—ผ๐˜…-๐˜€๐—ต๐—ฎ๐—ฑ๐—ผ๐˜„(): The box-shadow CSS property adds shadow effects around an element's frame.
In box-shadow, we have X and Y offsets, blur, spread radius, and color. The larger the blur-radius value, the bigger the blur.
โžก๏ธ Drop shadow: CSS drop-shadow adds a shadow to an elementโ€™s pixels, for use by the filter property. When working with transparent images you can use `drop-shadow()'.
That's all for the thread.
If you find it useful retweet the first one.
- follow @codewithhajra
Happy Learning.

Loading suggestions...