CSS Loading spinner

CATEGORY: resources
TAGS:
This is a collection of CSS loading spinners, made only with CSS. To download the project click the link below _
<div class="solar-container">
<div class="sun"></div>
<div class="planet1Y"></div>
<div class="planet2Y"></div>
</div>
<div id="wave-container">
<div class="dot-wave" id="d1"></div>
<div class="dot-wave" id="d2"></div>
<div class="dot-wave" id="d3"></div>
<div class="dot-wave" id="d4"></div>
<div class="dot-wave" id="d5"></div>
<div class="dot-wave" id="d6"></div>
<div class="dot-wave" id="d7"></div>
<div class="dot-wave" id="d8"></div>
<div class="dot-wave" id="d9"></div>
<div class="dot-wave" id="d10"></div>
</div>
<div class="dotsArea">
<div class="scalebleArea area1">
<div class="circle1"></div>
</div>
<div class="scalebleArea area2">
<div class="circle2"></div>
</div>
</div>
<!-- This is for the squared tales -->
<div class="loader-container-4tiles clearfix">
<div class="square s9"></div>
<div class="square s2"></div>
<div class="square s1"></div>
<div class="square s6"></div>
</div>
<!-- This is for the rounded tales -->
<div class="loader-container-4tiles clearfix">
<div class="square s9 rounded"></div>
<div class="square s2 rounded"></div>
<div class="square s1 rounded"></div>
<div class="square s6 rounded"></div>
</div>
<div class="spinner">
<div class="dot1"></div>
<div class="dot2"></div>
<div class="dot3"></div>
</div>