Tamu loader

by levan gongadze

HTML

<div class="loader">
<div class="loader-center"></div>
<div class="flower"></div>
</div>

CSS

.loader {
  position:relative;
  width: 100px;
	height: 100px;
}
.flower {
	width: 100px;
	height: 100px;
	background: url('https://www.tamu.ge/wp-content/uploads/tamunas-yvavili.png') center center;
	background-repeat: no-repeat;
	background-size: contain;
	-webkit-animation: spin 4s linear infinite;
	-moz-animation: spin 4s linear infinite;
	animation: spin 4s linear infinite;
  
}
 
@-moz-keyframes spin {
  100% {
    -moz-transform: rotate(360deg);
  }
}

@-webkit-keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
  }
}

@keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}