JSFiddle - React, Tailwind, and code Playground

by raskalbass

HTML

<div class="menu">
    <a href="#"><img src="http://liubavyshka.ru/_ph/17/2/862998023.gif" width="100" height="100"></a>
    <a href="#"><img src="http://liubavyshka.ru/_ph/17/2/862998023.gif" width="100" height="100"></a>
    <a href="#"><img src="http://liubavyshka.ru/_ph/17/2/862998023.gif" width="100" height="100"></a>
    <a href="#"><img src="http://liubavyshka.ru/_ph/17/2/862998023.gif" width="100" height="100"></a>
    </div>

CSS

.menu img{
    border: 5px solid #ccc;
    float: left;
    margin: 15px;
    -webkit-transition: margin 0.5s ease-out;
    -moz-transition: margin 0.5s ease-out;
    -o-transition: margin 0.5s ease-out;
}
 
.menu img:hover {
    margin-top: 2px;
}