CSS skewY()方法

skewY()方法

CSS 中,HTML元素的stransform属性的skewY()方法,沿着Y轴倾斜参数指定的角度,单位为deg,比如下方这个示例,当鼠标在元素上悬停时,元素将沿着Y轴方向倾斜50deg:


语法

tansfrom:skewY(value)

skewY()方法实例代码,及在线编辑器

<div style='width:60px;height:60px;background-color:skyblue;margin-top:25%;' id='d2'></div>

<style>
  #d2:hover{transform:skewY(60deg)}
</style>

全栈前端 / CSS教程 :



























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