JSFiddle - React, Tailwind, and code Playground

HTML

<div class="box"></div>

CSS

.box {
    width: 100px;
    height: 100px;
    position: relative;
    top: 40px;    
    background: red;
    -webkit-transition-duration: .2s;
      transition-duration: 2s;
      -webkit-transition-timing-function: cubic-bezier(.75, 1.95, .66,.56);
      transition-timing-function: cubic-bezier(.75, 1.95, .66, .56);
      -webkit-transition-property: top;
}
.box:hover{
    top: 500px;
}