JSFiddle - React, Tailwind, and code Playground

HTML

<h1>Hello</h1>
<h2>Goodbye</h3>

CSS

h1 {
  transition:1s;
  transition-delay:1s;
  opacity:1;
  position:absolute;
}

h1:hover {
  opacity:0.5;
}

h2:hover {
  animation: example 2s linear 2s infinite alternate;
}

@keyframes example {
  0% {opacity:1;}
  100% {opacity:0.5;}
}