JSFiddle - React, Tailwind, and code Playground

HTML

<img class="img1" src="http://1.bp.blogspot.com/-0Hn3AjTJj6U/TZHe3ragXGI/AAAAAAAAA1M/_SBk3dx61EE/s1600/med_funny-cat.jpg"/>

<input type="button" id="A" value="Click to animate Clip" />

CSS

.img1 {font-size: 100; height: 100px; width: 100px; clip:rect(0px,100px,100px,0px); position: absolute; top: 30px;}

JavaScript

$('#A').on('click', function() {

    $(".img1").animate({
      fontSize: 1
    },
    {
      step: function(now, fx) {
          $(this).css('clip', 'rect(0px, '+(now+30)+'px, '+(now+30)+'px, 0px)')
      }
    }, 1000);


});