JSFiddle - React, Tailwind, and code Playground

by oilvier

HTML

<div></div>

SCSS

div {
  height: 50px;
  background-color: transparent;
  transition: color .3s ease-in,
              background .1s ease-in;
  
  &:hover {
    background-color: blue; 
    transition-timing-function: ease-out,
                                    ease-out;
  }
}