JSFiddle - React, Tailwind, and code Playground

HTML

<div><ul class="transition"><li>aoshdoaihd</li><li>aoshdoaihd</li><li>aoshdoaihd</li><li>aoshdoaihd</li><li>aoshdoaihd</li><li>aoshdoaihd</li><li>aoshdoaihd</li><li>aoshdoaihd</li><li>aoshdoaihd</li></ul></div>

CSS

.transition{
    -webkit-transition: all 4s ease; /* Safari 3.1 to 6.0 */
    -moz-transition: all 4s ease;
    transition: all 4s ease;
}

div,li {
    /*border-bottom:blue 1px solid;*/
    border-top:red 1px solid;
    border-left:green 1px solid;
    /*border-right:black 1px solid;*/
    font-size:20px;
    line-height:1.3333333333333333333333em;
}

div {    
    width:450px;
}
li {
    width:400px;
}

ul:hover {
    margin-top: 24px;
}