Animations in CSS are hard enough to implement in just two dimensions, but when you have to deal with three dimensions it gets much harder. In this video I will be attempting to create a full 3D flip countdown timer animation.


Materials/References:

GitHub Code: https://github.com/WebDevSimplified/countdown-flip-timer
Reference CodePen: https://codepen.io/doriancami/full/jEJvaV


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:36 - CSS Basics
11:56 - CSS Animation
20:29 - JavaScript Testing
26:40 - Swapping Away From Pseudo Elements
35:25 - Finish HTML
40:15 - JavaScript Timer


#CSS #WDS #JavaScript