.transform-skew-x:hover{
-webkit-transform: skewX(45deg);
-moz-transform: skewX(45deg);
-ms-transform: skewX(45deg);
-o-transform: skewX(45deg);
transform: skewX(45deg);
}
.transform-skew-x{
width:200px;
height:100px;
background:pink;
margin:50px;
}