transform属性

transform属性可以对元素进行移动、缩放、转动、拉长或拉伸。

Transform属性有四个常用方法:rotate(x,y)旋转,scale(x,y)缩放,translate(x,y)移动(平移)和skew(x-angle,y-angle)倾斜

1 translate()从其当前位置移动元素(根据为 X 轴和 Y 轴指定的参数)。

示例:

2 rotate()方法根据给定的角度顺时针或逆时针旋转元素

示例:

3 scale()方法增加或减少元素的大小(缩放)(根据给定的宽度和高度参数)。

示例:

4 skewX()方法使元素沿 X 轴倾斜给定角度。skewY()方法使元素沿 Y 轴倾斜给定角度。

示例:

2D 所有转换方法

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值