An Interest In:
Web News this Week
- April 25, 2024
- April 24, 2024
- April 23, 2024
- April 22, 2024
- April 21, 2024
- April 20, 2024
- April 19, 2024
June 14, 2020 10:37 am GMT
Original Link: https://dev.to/suprabhasupi/css-text-shadow-4neg
CSS Text Shadow
With CSS3 you can create two types of shadows: text-shadow (adds shadow to text) and box-shadow (adds shadow to other elements).
In this section we will be checking how can we create text shadow.
CSS3 Text Shadow
The text-shadow CSS property adds shadows to text. It accepts a comma-separated list of shadows to be applied to the text and any of its decorations
Syntax:
text-shadow: horizontal-offset vertical-offset blur-radius color;
Example:
text-shadow: 1px 1px 2px white;
Below I am going to add few examples to check how text-shadow works where we include Hard Shadow, Double shadow , etc.
You can find the code in codepen
Thanks for reading this article
If you have any question, please feel free to ping me on@suprabha11
Original Link: https://dev.to/suprabhasupi/css-text-shadow-4neg
Share this article:
Tweet
View Full Article
Dev To
An online community for sharing and discovering great ideas, having debates, and making friendsMore About this Source Visit Dev To