JSFiddle - React, Tailwind, and code Playground

by Cone

HTML

<div class="imger"></div>

CSS

.imger {position:relative;height:100px;width:150px;border:1px solid #eee;margin:50px;overflow:hidden;background:#f9f9f9;}
.imger_p {height:100%;width:100%;left:-100%;background:#f4f4f4;position:absolute;}

JavaScript

$(".imger").each(function(){
    $(this).append("<div class=imger_p></div>");
});

$(".imger").hover(function(){
    $("div",this).stop().animate({ left : 0 });
},function(){
    $("div",this).stop().animate({ left : '-100%' });
});