JSFiddle - React, Tailwind, and code Playground

by Lysander

HTML

<div id="test">asd</div>

CSS

@-webkit-keyframes BLINK {
    0%   { opacity: 0; }
    50% { opacity: 1; }
    100% { opacity: 0; }
}
@-webkit-keyframes HIGHLIGHT {
    0%   { background-color:rgba(255,255,255,1); }
    10% { background-color:rgba(255,255,150,1); }
    100% { background-color:rgba(255,255,255,1); }
}

@-webkit-keyframes COLORS {
    0%   { color:rgba(255,0,0,1); }
    50% { color:rgba(0,255,0,1); }
    100% { color:rgba(0,0,255,1); }
}
@-webkit-keyframes MOVE {
    0%   { margin-top:20px; }
    100% { margin-top:25px; }
}

#test {
    display:block;
    width:300px;
    height:26px;
    line-height:26px;
    background:#fff;
    margin:20px;
}
#test {
    -webkit-animation: HIGHLIGHT 0.5s infinite;
}