JSFiddle - React, Tailwind, and code Playground

by thecoz21

HTML

<script src="https://raw.github.com/LeaVerou/prefixfree/gh-pages/prefixfree.min.js"></script>
<!doctype html>
<html>
    <head>
    </head>
    <body>
        <img src="http://www.casinogamespro.com/media/learning-center/french_roulette_wheel_o.gif">
    </body>
</html>

CSS

img{
  border-radius: 50%;
    width:400px;
    height:400px;
    /*transform:rotateX(50deg);*/
    /*transform:translate(100px, 100px) scale(0.5) ; */      
    /* transform:rotate(30deg);*/
     animation:ruota 5s infinite alternate;
   /* transform-origin:100% 50%;*/
   animation-fill-mode:forwards;
}

@keyframes ruota{
    0%{transform:rotate(0deg);}
    100%{transform:rotate(3600deg);}
}
/*@keyframes ruota{
    0%{transform:rotateX(0deg);}
    100%{transform:rotateX(3600deg);}
}*/