.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; }