This simple split text animation seems really straightforward, but it is more complicated than it looks. In this video I will be attempting to create this animation live for the first time ever.


Materials/References:

GitHub Code: https://github.com/WebDevSimplified/css-split-text-animation
Reference CodePen: https://codepen.io/bosworthco/pen/RjBvgw


Find Me Here:

My Blog: https://blog.webdevsimplified.com
My Courses: https://courses.webdevsimplified.com
Patreon: https://www.patreon.com/WebDevSimplified
Twitter: https://twitter.com/DevSimplified
Discord: https://discord.gg/7StTjnR
GitHub: https://github.com/WebDevSimplified
CodePen: https://codepen.io/WebDevSimplified


⏱️ Timestamps:

00:00 - Introduction
01:08 - HTML
02:28 - Text CSS Attempt #1
11:40 - Text CSS Attempt #2
21:05 - Animation CSS


#CSSAnimation #WDS #CSS