Fancy animations are not needed to create an impressive looking website, but having animations can take your boring website to the next level. In this video I will attempt to create a complex submit button animation that leads to a loading bar followed by a checkmark. I am not an expert in animations and there are plenty of mistakes, but overall I am really proud of how the end result turned out.


Materials/References:

GitHub Code: https://github.com/WebDevSimplified/submit-button-animation
Original Design: https://codepen.io/andrewmillen/full/MoKLob


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
00:30 - Button Styles
03:35 - Progressbar Styles
19:55 - Checkmark Styles


#CSSAnimaition #WDS #CSS