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>

全栈前端 / CSS教程 :



























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