JSFiddle - React, Tailwind, and code Playground

by sanford

HTML

<div style="height: 200px; width: 200px; overflow: hidden;">
<div style="width: 200px; font: 48px/48px Verdana;">Lorem ipsum til the breakum breakum dawn</div>
</div>

CSS

body {padding:100px;}

div div {
    transition: margin-top 1s ease-out 0;
    -moz-transition: margin-top 1s ease-out 0;
    -webkit-transition: margin-top 1s ease-out 0;
}
div:hover div {
    margin-top: -100%;
}