I made a toggle switch -the button is the red woolen yarn in front of the cat.
Click full screen for better experience. PS:Click on red button to trigger animation
V2 >>> Update on Feb 22nd
Adding the reverse animation when click the button when the cat is awake, and only by hovering on the button to play animation when the cat is sleeping 🙂
Click full screen for better experience.
V3 >>> Update on Feb 23nd
Adding the dragging animation to make it a slider. Drag the red button left and right to see the animation.
Click full screen for better experience.
Process:
Photoshop > AE > Bodymovin > Html+CSS
Leave a comment