A Pen by Fabrizio Bianchi.

<h1>Pure CSS One Div Weather Animated Icons</h1>

<div id="fabrizio"></div>

<a href="https://fabrizio.co">fabrizio.co</a>

​

<div class="container">

    <div class="sunny"></div> 

    <div class="cloudy"></div>

    <div class="rainy"></div>

    <div class="snowy"></div>

    <div class="rainbow"></div>

    <div class="starry"></div>

    <div class="stormy"></div>

</div>

​