JSFiddle - React, Tailwind, and code Playground

HTML

<div class="immediate">
    <div class="later">
        I can haz transitions.
    </div>
</div>

CSS

.immediate {
  background: #eeb;
  transition: box-shadow 300ms;
}

.immediate:hover {
  box-shadow: 0 0 3px black;
}

.later {
   margin: 0;
   padding: 10px 0;
   transition: all 400ms;
   transition-delay: 300ms;
}

.later:hover {
   margin: 10px 0;
   padding: 0;
}