Simple Day Night Toggle Snippet with Animated Background

This is a nice little SVG and HTML animation for a toggle switch, it has a day and night mode. During the day the background of the toggle has clouds moving right to left and a starry night sky as the switch and on click, the starry night expands and switches over to the other side swapping the toggle and background animation. Works well for weather sites with checkboxes

See the Pen Night & Day by Steve Gardner (@ste-vg) on CodePen.light

Praveen Kumar

I am a fullstack web developer with a passion for SEO, creating stunning websites, and organic marketing. I am a perfectionist.

Post navigation