+ 12

How to add mutiple text-shadows in CSS?

I want to apply many text shadows on one text but it doesn't work. https://code.sololearn.com/WxWi17Ur0JwJ/?ref=app

21st Jun 2020, 8:36 AM
Валентина
Валентина - avatar
4 Respuestas
+ 8
For example: h1.blured { color: black; text-shadow: rgba(255,0,0,1) -2px -4px 1em, 5px 2px 4px cyan, -5px -2px 4px lime; }
21st Jun 2020, 9:53 AM
JaScript
JaScript - avatar
+ 11
I updated my code. Everything works fine now. Thank you very much!
22nd Jun 2020, 7:39 PM
Валентина
Валентина - avatar
+ 8
The text-shadow CSS property adds shadows to text. It accepts a comma-separated list of shadows to be applied to the text and text-decorations of the element. Each shadow is specified as an offset from the text, along with optional color and blur radius values. example: p { text-shadow: 1px 1px 1px #000, 3px 3px 5px blue; }
29th Jun 2020, 12:46 AM
BRight
BRight - avatar
+ 3
Just use this syntex Shadow properties, 2nd shadow properties, 3rd shadow properties, nth shadow properties That's all
21st Jun 2020, 9:10 AM
Ayush Kumar
Ayush Kumar - avatar