JSFiddle - React, Tailwind, and code Playground

HTML

<div class="social-tile">1</div>
<div class="social-tile">2</div>
<div class="social-tile">3</div>
<div class="social-tile">4</div>
<div class="social-tile">5</div>

CSS

.social-tile {
width:40px;
  height:40px;
   background-color:#f2f2f2; 
    margin:0 0 8px 0;
}

JavaScript

$('.social-tile').live('mouseover', function(){
    $(this).animate({ 'margin-left': '15px'} ,500);
});