Is there a way to apply an animation to each letter in a word individually when hovering over the word? I want the animation to affect each letter with an increasing delay, rather than all at once. For example, if scaling each letter by 1.1 is the animation, I'd like each consecutive letter to scale with a 0.1 second delay.
The current approach involves a component called FlickeringText that takes a string input. Each character in the string is wrapped in a
<span style="animation-delay : ...">Edit: included code snippet and adjusted the CSS based on the solution provided