JSFiddle - React, Tailwind, and code Playground
by htmlzengarden
HTML
<span class="pied"></span>
CSS
body
{
padding: 100px;
}
@-webkit-keyframes pulser{to{opacity: 0.5}}
@-moz-keyframes pulser{to{opacity: 0.5}}
@-ms-keyframes pulser{to{opacity: 0.5}}
@-o-keyframes pulser{to{opacity: 0.5}}
@keyframes pulser{to{opacity: 0.5}}
.pied
{
display: block;
width: 100px;
height: 30px;
background-color: black;
-webkit-animation: pulser .5s infinite alternate;
-moz-animation: pulser .5s infinite alternate;
-ms-animation: pulser .5s infinite alternate;
-o-animation: pulser .5s infinite alternate;
animation: pulser .5s infinite alternate;
}