I was watching Disney+ the other day (Mandalorian rocks!) and I saw a neat UI for auto advancing a user to the next episode. It was a button with a countdown.
I thought “Can we make that in CSS?!” Let’s go ahead and make it!
What We’ll Build
Here is our countdown timer. You can use this for a number of things. Advancing a user through your UI is the main idea here.
Final CodePen: https://codepen.io/chrisoncode/pen/JjdPyer?editors=1000
- Create a stack of numbers
- Move the stack