Pure CSS (SCSS) Animated Weather Icon Hovers

Go to Source

See the Code
See it Full Page
See Details

I got bored and ended up creating an animated sun and storm cloud in pure CSS with the help of SCSS for speed.

The initial load in animation is only present to hide the initial animations on the elements which are used as a reverse effect when you :hover off the element.

I couldn't find a way to trigger animations on :hover off without using JS.

This Pen uses: HTML, SCSS, JavaScript, and