JSFiddle - React, Tailwind, and code Playground
HTML
<div id='rotateMe'>
<h1>CSS3 rotations</h1>
</div>
CSS
@-ms-keyframes rotating {
0% { -ms-transform: rotate(0deg); }
100% { -ms-transform: rotate(360deg); }
}
@-webkit-keyframes rotating {
0% { -webkit-transform: rotate(0deg); }
100% { -webkit-transform: rotate(360deg); }
}
#rotateMe{
width:100px;
height:100px;
background:red;
position:absolute;
left:50px;
top:50px;
-ms-animation: rotating 5s linear infinite;
-webkit-animation: rotating 5s linear infinite;
}