JSFiddle - React, Tailwind, and code Playground
by kougiland
HTML
<span class=blink>fetching...</span>
CSS
.blink {
-webkit-animation: blink 1s infinite;
-moz-animation: blink 1s infinite;
-ms-animation: blink 1s infinite;
animation: blink 1s infinite;
}
@-webkit-keyframes blink {
0% { opacity: 0.1; }
50% { opacity: 1; }
100%{ opacity: 0.1; }
}
@-moz-keyframes blink {
0% { opacity: 0.1; }
50% { opacity: 1; }
100%{ opacity: 0.1; }
}
@-ms-keyframes blink {
0% { opacity: 0.1; }
50% { opacity: 1; }
100%{ opacity: 0.1; }
}
@keyframes blink {
0% { opacity: 0.1; }
50% { opacity: 1; }
100%{ opacity: 0.1; }
}