Continuous CSS rotation animation
Continuous CSS rotation animation
by rajnishw3
HTML
<div class="buddha-image">
<img id="circle" src="http://www.clker.com/cliparts/W/7/0/7/v/S/p-circle-blue-md.png">
</div>
CSS
.buddha-image #circle{
width: 250px;
height: 250px;
margin: auto;
-webkit-animation: rotation 6s infinite linear;
-moz-animation: rotation 6s infinite linear;
}
@-webkit-keyframes rotation {
from {
-webkit-transform: rotate(0deg);
}
to {
-webkit-transform: rotate(-360deg);
}
}