CSS skewX()方法,沿x轴倾斜角度
skewX()方法
CSS 2D动画中,元素stransform属性中的skewX()方法,可以根据参数指定的角度(单位为deg),沿着X轴倾斜角度,如下示例,鼠标悬停,将沿着x轴方向倾斜30deg:
语法
tansfrom:skewX(value)
skewX()方法实例代码,及在线编辑器
<div style='width:60px;height:60px;background-color:orange;margin-left:25%;' id='d2'></div>
<style>
#d2:hover{transform:skewX(60deg)}
</style>