active / shrink

<script>
    jQuery(document).ready(function(){
        jQuery('.neu-service').hover(function(){
            jQuery(this).addClass('active');
         jQuery('.neu-service:not(.active)').addClass('shrink');
        }, function() {
            jQuery(this).removeClass('active');
            jQuery('.neu-service').removeClass('shrink');
        });
    });
    </script>
<style>
.neu-service {
  float: left;
  height: 350px;
  width: 150px;
  transition: all 500ms ease;
  position: relative;
}

.neu-service.active {
  transform: scaleX(1.5);
  z-index: 10000;
}

/* Equal to scaleX(2) scaleY(0.5) */
.neu-service.shrink {
  transform: scaleX(1);
   transform-origin: left;
}
</style>