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>

全栈前端 / CSS教程 :



























Copyright © 2022-2024 笨鸟工具 x1y1z1.com All Rights Reserved.