JSFiddle - React, Tailwind, and code Playground

by Zsanett Tamás

HTML

<script src="//cdnjs.cloudflare.com/ajax/libs/prefixfree/1.0.7/prefixfree.min.js"></script>
<p>Lorem ipsum</p>
<p>Lorem ipsum</p>
<p>Lorem ipsum</p>

CSS

p {
    font-size: 32px;
    animation: change 3s step-end both;
}

@keyframes change {
    from { color: green }
    to   { color: red }
}

JavaScript

// wait 3 seconds; the text color will change from green to red
// Note: This demo uses prefix-free.js