JSFiddle - React, Tailwind, and code Playground

by luka kupunia

HTML

<div></div>

CSS

div {
    height: 400px;
    background: yellow;
    animation: a 1s both;
}
@keyframes a {
    100% {
        background: blue;
    }
}
@media (prefers-reduced-motion: reduce){
    div {
        animation: none;
    }
}