Transform Skew in HTML CSS
HTML Code
<div class=”s1″></div>
CSS Code
.s1{
width:300px;
height:300px;
margin-left:200px;
margin-top:200px;
background-color:red;
transform:skew(0deg,0deg);
transition:1s;
}
.s1:hover{transform:skew(30deg,30deg);
transition:1s;
}