JSFiddle - React, Tailwind, and code Playground

by Hm Ba

HTML

<div class='post-body img'>
    
<img border="0" src="http://4.bp.blogspot.com/-uWKZejpPZyI/U_Ebn984Y7I/AAAAAAAAFFc/t22oSsxQbmA/s1600/polygon-wallpaper-preview-2.jpg" height="180" width="320" />

CSS

.post-body 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;
    background:#fff;
  position:fixed;
  z-index:5;
    top:40%;
    left:30%;
}
.post-body img:hover {
    margin-top: 2px;
    background:#fff;
  position:fixed;
  z-index:5;
    top:40%;
    left:30%;
}