JSFiddle - React, Tailwind, and code Playground

by Ali Uygur

HTML

<div class="scale"><p>KUTU 1</p></div>
<div class="scale1"><p>KUTU 2</p></div>

CSS

p {
    text-align:center;
    margin-top:90px;
}
.scale {
    width:200px;
    height:200px;
    border:1px solid #000;
    background-color:grey;
    float: left;
    display:block;
    margin:30px;
}
.scale:hover {
 -ms-transform:scale(0.9,1); /* IE 9 */
 -webkit-transform:scale(0.9,1); /* Chrome, Safari, Opera */
  transform:scale(0.9,1); /* Standard */
}
.scale1 {
    width:200px;
    height:200px;
    border:1px solid #000;
    background-color:grey;
    float: left;
    display:block;
    margin:30px;   
}

.scale1:hover {
   -ms-transform:scale(1,0.9); /* IE 9 */
 -webkit-transform:scale(1,0.9); /* Chrome, Safari, Opera */
  transform:scale(1,0.9); /* Standard syntax */
}