JSFiddle - React, Tailwind, and code Playground

by Tika Datta Pahadi

HTML

<div id="smoke">Smoke!</smoke>

CSS

#smoke {
    -webkit-animation: myAnimation 20s; /* Chrome, Safari, Opera */
    animation: myAnimation 20s;
    position:fixed;
    z-index:-2;/* ForBackground*/
}

/* Chrome, Safari, Opera */
@-webkit-keyframes myAnimation {
    0% {top:0; left:0}
    25% {top:10%; left:10%}
    50% {top:20%; left:25%}
    100% {top:15%; left:10%}
}

/* Standard syntax */
@keyframes myAnimation {
    0% {top:0; left:0}
    25% {top:10%; left:10%}
    50% {top:20%; left:25%}
    100% {top:15%; left:10%}
}