animated-clock

• Stand-alone: https://animated-clock.netlify.app/

• Codepen: https://codepen.io/smoothdev35/pen/JjGEKpm

This is my take on bringing the following design to life using my favorite combo, svg & gsap!

• https://dribbble.com/shots/12094430-Animated-clock-with-icons

The main structure was coded in html, styling with stylus, and vanilla js (with the help of gsap) for all logic and animations.

For those interested in transitioning gradients, I used a simple technique you can read about here:

• https://keithjgrant.com/posts/2017/07/transitioning-gradients/