How to add mutiple text-shadows in CSS?

Question

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

Answer 1

For example:

h1.blured {
color: black;
text-shadow: rgba(255,0,0,1) -2px -4px 1em, 5px 2px 4px cyan, -5px -2px 4px lime;
}

Answer 2

I updated my code. Everything works fine now. Thank you very much!

Answer 3

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; }

Answer 4

Just use this syntex
Shadow properties, 2nd shadow properties, 3rd shadow properties, nth shadow properties

That's all