JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<button>lüfren tekrar tıklayınız</button>
<div class="kutu">her tıkta büyüyerek kayan kutu</div>

CSS

.kutu {
    background:orange;
    height:100px;
    width:100px;
    position:absolute;
}

JavaScript

$(document).ready(function(){
  $("button").click(function(){
    var div=$("div");
    div.animate({height:'+=100px',opacity:'0.4'},"slow");
    div.animate({width:'+=100px',opacity:'0.8'},"slow");
    div.animate({height:'+=25px',opacity:'0.4'},"slow");
    div.animate({width:'+=25px',opacity:'0.9',left:'+=100px'},"slow");
   
  });
});