JSFiddle - React, Tailwind, and code Playground
HTML
<div class="arm2"></div>
CSS
.arm2 {
width: 26px;
height: 24px;
top: 0px;
position: relative;
background-image: url("http://i.cubeupload.com/BL1fTM.png");
-webkit-animation: play 4s infinite;
-moz-animation: play 4s infinite;
-ms-animation: play 4s infinite;
-o-animation: play 4s infinite;
animation: play 4s infinite;
}
@-webkit-keyframes play {
0% { -webkit-transform: rotate(0deg); }
50% { -webkit-transform: rotate(20deg); }
100% { -webkit-transform: rotate(0deg); }
}
@-moz-keyframes play {
0% { -webkit-transform: rotate(0deg); }
50% { -webkit-transform: rotate(20deg); }
100% { -webkit-transform: rotate(0deg); }
}
@-ms-keyframes play {
0% { -webkit-transform: rotate(0deg); }
50% { -webkit-transform: rotate(20deg); }
100% { -webkit-transform: rotate(0deg); }
}
@-o-keyframes play {
0% { -webkit-transform: rotate(0deg); }
50% { -webkit-transform: rotate(20deg); }
100% { -webkit-transform: rotate(0deg); }
}
@keyframes play {
0% { -webkit-transform: rotate(0deg); }
50% { -webkit-transform: rotate(20deg); }
100% { -webkit-transform: rotate(0deg); }
}