.text-shadow {
text-shadow: 8px 12px 0px 0px rgba(0, 0, 0, 0.5);
}
<h1 class="text-shadow">hallo</h1>
it doesn’t show a shadow and it also doesn’t apply on the class
This is what the browser respond
can someone help me to fix the problem so the shadow work
I also tried it with filter: drop-shadow but it also doesn’t work
But other filters like blur work
2
Answers
Your
text-shadow
was incorrect.Text-shadow
doesn’t take 5 options.You should apply
2px 2px rgba(0, 0, 0, 0.5)
or2px 2px 2px rgba(0, 0, 0, 0.5)
.You have an invalid property value for
text-shadow
.I am guessing that you don’t want blur, so remove the two 0px values.