JSFiddle - React, Tailwind, and code Playground

HTML

<h2>This is my header</h2>

<p>This is my paragraph</p>

CSS

h2 {
    background-color: red;
    transition: background-color .25s ease-in-out;
    -moz-transition: background-color .25s ease-in-out;
    -webkit-transition: background-color .25s ease-in-out;
}

h2:hover {
    background-color: blue;
}

p {
    background-color: blue;
    transition: background-color .25s ease-in-out;
    -moz-transition: background-color .25s ease-in-out;
    -webkit-transition: background-color .25s ease-in-out;
}

p:hover {
    background-color: red;
}