console
<div class="cssload-bell"><div class="cssload-circle"><div class="cssload-inner"></div></div><div class="cssload-circle"><div class="cssload-inner"></div></div><div class="cssload-circle"><div class="cssload-inner"></div></div><div class="cssload-circle"><div class="cssload-inner"></div></div><div class="cssload-circle"><div class="cssload-inner"></div></div></div>
.cssload-bell{width:168px;height:168px;border-radius:100%;}
.cssload-circle{width:100%;height:100%;position:absolute}.cssload-circle .cssload-inner{width:100%;height:100%;border-radius:100%;border:5px solid rgba(0,255,170,0.7);border-right:0;border-top:0;background-clip:padding;box-shadow:inset 0 0 10px rgba(0,255,170,0.15)}
.cssload-circle:nth-of-type(0){transform:rotate(0);-o-transform:rotate(0);-ms-transform:rotate(0);-webkit-transform:rotate(0);-moz-transform:rotate(0)}
.cssload-circle:nth-of-type(0) .cssload-inner{animation:cssload-spin 2.3s infinite linear;-o-animation:cssload-spin 2.3s infinite linear;-ms-animation:cssload-spin 2.3s infinite linear;-webkit-animation:cssload-spin 2.3s infinite linear;-moz-animation:cssload-spin 2.3s infinite linear}
.cssload-circle:nth-of-type(1){transform:rotate(70deg);-o-transform:rotate(70deg);-ms-transform:rotate(70deg);-webkit-transform:rotate(70deg);-moz-transform:rotate(70deg)}
.cssload-circle:nth-of-type(1) .cssload-inner{animation:cssload-spin 2.3s infinite linear;-o-animation:cssload-spin 2.3s infinite linear;-ms-animation:cssload-spin 2.3s infinite linear;-webkit-animation:cssload-spin 2.3s infinite linear;-moz-animation:cssload-spin 2.3s infinite linear}
.cssload-circle:nth-of-type(2){transform:rotate(140deg);-o-transform:rotate(140deg);-ms-transform:rotate(140deg);-webkit-transform:rotate(140deg);-moz-transform:rotate(140deg)}
.cssload-circle:nth-of-type(2) .cssload-inner{animation:cssload-spin 2.3s infinite linear;-o-animation:cssload-spin 2.3s infinite linear;-ms-animation:cssload-spin 2.3s infinite linear;-webkit-animation:cssload-spin 2.3s infinite linear;-moz-animation:cssload-spin 2.3s infinite linear}
.cssload-bell{animation:cssload-spin 5.75s infinite linear;-o-animation:cssload-spin 5.75s infinite linear;-ms-animation:cssload-spin 5.75s infinite linear;-webkit-animation:cssload-spin 5.75s infinite linear;-moz-animation:cssload-spin 5.75s infinite linear}
@keyframes cssload-spin{from{transform:rotate(0)}to{transform:rotate(360deg)}}@-o-keyframes cssload-spin{from{-o-transform:rotate(0)}
to{-o-transform:rotate(360deg)}}@-ms-keyframes cssload-spin{from{-ms-transform:rotate(0)}
to{-ms-transform:rotate(360deg)}}@-webkit-keyframes cssload-spin{from{-webkit-transform:rotate(0)}
to{-webkit-transform:rotate(360deg)}}@-moz-keyframes cssload-spin{from{-moz-transform:rotate(0)}
to{-moz-transform:rotate(360deg)}}