JSFiddle - React, Tailwind, and code Playground

by youssef moudine

HTML

<div class="move"></div>

CSS

div.move{
  width: 100px;
  height: 100px;
  background-color: blue;
  transition: all .2s cubic-bezier(0.1, 0.1, 0.1, 0.1);
}

div.move:hover {
  visibility: visible;
  opacity: 0;
}

.fade li {
  transition: all 0.4s ease-out;
  opacity: 0;
  height: 2em;
}
.fade li.show {
  opacity: 1;
}