<!-- top --> <div class="top"> <div class="cyclinder"> ... </div> </div> <!-- bottom --> <div class="bottom"> <div class="cyclinder"> ... </div> </div> <!-- original --> <div class="original"> <div class="cyclinder"> ... </div> </div> <!-- reverse --> <div class="reverse"> <div class="cyclinder"> ... </div> </div>
<div class="pop"> <div class="cricle"></div> <div class="cricle"></div> <div class="cricle"></div> </div>
<div class="pop"> <div class="ring"> <div class="dot"></div> </div> </div>
<div class="pop"> <div class="rect"></div> <div class="rect"></div> <div class="rect"></div> <div class="rect"></div> <div class="rect"></div> <div class="rect"></div> <div class="rect"></div> <div class="rect"></div> </div>
<div class="pop"> <div class="square"></div> <div class="square"></div> </div>
<div class="pop"> <div class="spin spin--steps icon-spin" aria-hidden="true"></div> </div>
<div class="pop"> <div class="spin icon-spin-2" aria-hidden="true"></div> <div class="spin icon-spin-3" aria-hidden="true"></div> <div class="spin icon-spin-4" aria-hidden="true"></div> <div class="spin icon-spin-5" aria-hidden="true"></div> <div class="spin icon-spin-6" aria-hidden="true"></div> </div>
<div class="pop"> <div class="spin spin--steps2 icon-spin-7" aria-hidden="true"></div> </div>