Rotando cuadros
{"view":"separate","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}
// alert('Hello world!');
<p><strong>Note:</strong> The animation-iteration-count property is not supported in Internet Explorer 9 and earlier versions.</p>
<div></div>
/**
* Rotando cuadros
*/
div {
width: 100px;
height: 100px;
background: red;
position: relative;
-webkit-animation: mymove linear 3s; /* Chrome, Safari, Opera */
-webkit-animation-iteration-count: infinite; /* Chrome, Safari, Opera */
animation: mymove linear 3s;
animation-iteration-count: infinite;
}
/* Chrome, Safari, Opera */
@-webkit-keyframes mymove {
from {transform: rotate(0deg);}
to {transform: rotate(360deg);}
}
@keyframes mymove {
from {transform: rotate(0deg);}
to {transform: rotate(360deg);}
}