I’m in the process of redesigning my portfolio and was wondering if it was possible to animate individual rows of text…
As you can see in the preview link, I have the large intro headline fading in from the bottom. What I would like to do is have each row of text animate individually, creating a staggered effect.
I would just wrap each line in a **span and then animate each of those individually, but that creates problems when the text gets wrapped, as there may be a word that get’s bumped down to the second line that is still animated in coordination with the first row.
I imagine you would need to some JS to accomplish this effect? Can anyone help me out?
Here is my site Read-Only: LINK