JSFiddle - React, Tailwind, and code Playground

HTML

<script src="//cdnjs.cloudflare.com/ajax/libs/prefixfree/1.0.7/prefixfree.min.js"></script>
<div>:)</div>

CSS

div {
    width: 100px;
    height: 100px;
    background: #000;
    color: #fff;
    line-height: 100px;
    text-align: center;
    font-size: 2rem;
    animation: gira 2s linear infinite;
}

@keyframes gira {
    to {
      transform: rotate(360deg);  
    }
}