weatherCSS

Partly Cloudy

<div class="partly-cloudy">
  <div class="sun"></div>
  <div class="cloud-shadow"></div>
  <div class="front-cloud"></div>
</div>

Mostly Cloudy

<div class="mostly-cloudy">
  <div class="back-cloud"></div>
  <div class="cloud-shadow"></div>
  <div class="front-cloud"></div>
</div>

Rainy

<div class="rainy">
  <div class="back-cloud"></div>
  <div class="rains">
    <div class="rain1"></div>
    <div class="rain2"></div>
    <div class="rain3"></div>
  </div>
</div>

Thundery

  <div class="thundery">
    <div class="back-cloud"></div>
    <div class="thunders">
      <div class="thunder"></div>
    </div>
  </div>

Thundery Rain

<div class="thundery-rain">
  <div class="back-cloud"></div>
  <div class="rains">
    <div class="rain1"></div>
    <div class="rain2"></div>
    <div class="rain3"></div>
  </div>
  <div class="thunders">
    <div class="thunder"></div>
  </div>
</div>

Snowy

<div class="snowy">
  <div class="back-cloud"></div>
  <div class="snows">
    <div class="snow1"></div>
    <div class="snow2"></div>
    <div class="snow3"></div>
    <div class="snow4"></div>
    <div class="snow5"></div>
    <div class="snow6"></div>
  </div>
</div>