JSFiddle - React, Tailwind, and code Playground
HTML
<div id="myDIV">
<button>Click</button>
</div>
CSS
body{font-family:Arial, Helvetica, sans-serif;
font-size:13px; position: relative;
height:500px;
width:100%;
}
body:before {
content:"";
position: absolute; top:0; left:0;
background:#020307 url("http://www.psdgraphics.com/file/retro-tv-icon.jpg") no-repeat ;
background-position:top center ;
color:#fff;
-webkit-animation: mymove 5s infinite; /* Chrome, Safari, Opera */
animation: mymove 5s infinite;
width:100%;
height:100%;
z-index:-9999;
}
#myDIV {
margin: auto;
border: 1px solid black;
width: 200px;
height: 100px;
background-color: coral;
color: white;
}
@-webkit-keyframes mymove {
50% {-webkit-transform: rotate(180deg);}
}
/* Standard syntax */
@keyframes mymove {
50% {transform: rotate(180deg);}
}