rotate image

by Loan Burger

HTML

<img src="http://i.imgur.com/uUYXqAv.png">

CSS

img {    
    width: 100%;
    margin:10px;
    -webkit-animation:spin 10s linear infinite;
    -moz-animation:spin 10s linear infinite;
    animation:spin 10s 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); } }

/*
Another Example:
img {    
width: 100%;
animation: rotate 10s ease infinite;
-webkit-animation: rotate 10s ease infinite;
}

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