JSFiddle - React, Tailwind, and code Playground

by ckissi

HTML

<ul>
    <li>11111111</li>
    <li class="test">2222<br>2222</li>
    <li>33333333</li>
    <li>44444444</li>
    <li>55555555</li>
    <li>66666666</li>
</ul>

CSS

ul{
  
}
li{
  transition:all 1s ease;
  line-height:20px;
  }
ul:hover li.test{
  margin-bottom:-120px;
  margin-top:80px;
}