JSFiddle - React, Tailwind, and code Playground
HTML
<a href="#" id="tik">Tıkla</a>
<div id="kare"></div>
CSS
#kare{
width: 100px;
height: 100px;
background-color: #ddd;
left:5px;
}
JavaScript
$(document).ready(function(){
$("#tik").click(function(){
$("#kare").animate({
"background-color":"#000",
"border-radius":"20px",
"width":"200px",
"height":"200px",
"margin-left":"50px"
},1000);
return false;
});
});