JSFiddle - React, Tailwind, and code Playground

by hodca

HTML

<div class="test"> bla bla </div>

CSS

.test {
    width: 100px;
    height: 100px;
    background: red;
    position :relative;
    -webkit-animation: mymove 5s infinite; /* Chrome, Safari, Opera */ 
    animation: mymove 5s infinite;
}

/* Chrome, Safari, Opera */ 
@-webkit-keyframes mymove {
    0%   {background: red;}
    25%  {background: yellow;}
    75%  {background: green;}
    100% {background: blue;}
}

/* Standard syntax */
@keyframes mymove {
    0%   {background: red;}
    25%  {background: yellow;}
    75%  {background: green;}
    100% {background: blue;}
}