<style> 
@-moz-keyframes roll { 
100% { 
-moz-transform: rotate(360deg); 
} 
} 

@-o-keyframes roll { 100% { 
-o-transform: rotate(360deg); 
} 
} 

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

body{ 
-moz-animation-name: roll; 
-moz-animation-duration: 2s; 
-moz-animation-iteration-count: 1; 
-o-animation-name: roll; -o-animation-duration: 2s; 
-o-animation-iteration-count: 2; 
-webkit-animation-name: roll; 
-webkit-animation-duration: 2s; 
-webkit-animation-iteration-count: 1; 
} 
</style>

---

Copy code