CSS skew()方法,沿X和Y轴倾斜角度
skew()方法
如果需要HTML的元素沿着X轴和Y轴倾斜参数给定的角度,可以通过CSS中stransform属性中的skew()方法,该方法接收两个参数,分别表示沿X轴和Y轴倾斜的角度,单位为deg。如下方这个示例(鼠标悬停,查看变化效果):
语法
transform: skew(x, y)
skew()实例代码,及在线编辑器
<div style='width:60px;height:60px;border:1px solid orange;margin-top:25%;' id='d2'></div>
<style>
#d2:hover{transform:skew(25deg,25deg)}
</style>