JSFiddle - React, Tailwind, and code Playground

by syedgakbar

HTML

<img src="https://encrypted-tbn0.google.com/images?q=tbn:ANd9GcQKSw4eQNP1VSjcWkeOwVc6ob381XUa0lZvlQE0sYtVhiNTDxaM" id="propellerImg">

CSS

#propellerImg {
    margin:20px auto;
    display:block;
    -webkit-animation: rotatePropeller 2s infinite linear;
    -moz-animation: rotatePropeller 2s infinite linear;
    -o-animation: rotatePropeller 2s infinite linear;
    -ms-animation: rotatePropeller 2s infinite linear;
}
@-webkit-keyframes rotatePropeller {
    0% { -webkit-transform:rotate(0deg); }
    100% { -webkit-transform:rotate(360deg); }
}
@-moz-keyframes rotatePropeller {
    0% { -webkit-transform:rotate(0deg); }
    100% { -webkit-transform:rotate(360deg); }
} 
@-o-keyframes rotatePropeller {
    0% { -webkit-transform:rotate(0deg); }
    100% { -webkit-transform:rotate(360deg); }
} 
@-ms-keyframes rotatePropeller {
    0% { -webkit-transform:rotate(0deg); }
    100% { -webkit-transform:rotate(360deg); }
}

JavaScript

// By Syed Ghulam Akbar