JSFiddle - React, Tailwind, and code Playground

by kevinPHPkevin

HTML

<div id="wrapper"> <a href="myfile.htm"> <img  id="kohv"  src="http://upload.wikimedia.org/wikipedia/commons/thumb/f/f9/Wiktionary_small.svg/350px-Wiktionary_small.svg.png" /></a>
 <a href="myfile.htm"><img  id="tee"  src="http://upload.wikimedia.org/wikipedia/commons/thumb/f/f9/Wiktionary_small.svg/350px-Wiktionary_small.svg.png" /> </a>  <a href="myfile.htm"><img  id="kakao"  src="http://upload.wikimedia.org/wikipedia/commons/thumb/f/f9/Wiktionary_small.svg/350px-Wiktionary_small.svg.png" /> </a>  <a href="myfile.htm"><img  id="masinad"  src="http://upload.wikimedia.org/wikipedia/commons/thumb/f/f9/Wiktionary_small.svg/350px-Wiktionary_small.svg.png" /> </a>  <a href="myfile.htm"><img  id="hooldus"  src="http://upload.wikimedia.org/wikipedia/commons/thumb/f/f9/Wiktionary_small.svg/350px-Wiktionary_small.svg.png" />  </a> 
</div>

CSS

img {
    width:90px;
}
#kohv {
    float:left;
    width:100px;
    margin-top:50px;
    height:100px;
    position:relative;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}
#kohv:hover {
    top: -10px;
    padding-bottom:15px;
}