JSFiddle - React, Tailwind, and code Playground

by cchana

HTML

<div>
test
</div>

CSS

@keyframes example {
  0% { background-color: green; }
  100% { background-color: pink; }
}
div {
  background-color: blue;
  color: white;
  height: 100px;
  width: 100px;
}
div:hover {
    animation-name: example;
    animation-duration: 1s;
    animation-delay: 2s;
    animation-iteration-count: 1;
    animation-fill-mode: both;
}