animated shadow effect with fluctuating shadow

user_7658034 0
Viewed 252

How to create continuous changing shadow of text that fluctuates automatically on users side like CSS effect that is animated text with continuous changing shadow width.

I know how to add CSS shadow but how to make it fluctuating?

#shadow {
  text-shadow: 4px 4px 4px #aaa;
}
<div id=shadow>shadow effect how to fluctuate it</div>

css-float css-selectors css
2 Answers

Use key-frames and blur your text shadow

#shadow {
  text-shadow: 4px 4px 4px #aaa;
  animation: mymove 5s infinite;
}
@keyframes mymove {
  50% {text-shadow: 10px 20px 30px #aaa;}
}

<div id=shadow>shadow effect how to fluctuate it</div>
user_128575460
Related