JSFiddle - React, Tailwind, and code Playground

by tea4two

HTML

<li><a href="#"><img src="http://dummyimage.com/200x80/ed5aed/0011ff" alt=""></a></li>

CSS

li{
    width: 200px;
list-style: none;
}
li a {
    display: block;
    height: 40px;
    overflow: hidden;
}
li a img {
    position: relative;
}

li a:hover img {
    top: -40px;
}