JSFiddle - React, Tailwind, and code Playground

by 규연 황

HTML

<div class="wrap">
    <div class="box"></div>
</div>

CSS

.wrap {background: #eee; overflow: hidden; width: 150px; height: 150px;}
.wrap .box {width: 150px; height: 150px; background: #000; position: relative;}

JavaScript

$('.box').click(function() {
    $(this).animate({left: -160}, 'slow', function() {
        $(this).css('left', '-155');
        $(this).animate({left: 0}, 'slow');              
    });
});