css3 2D变换之transform

5 篇文章 0 订阅

                                                    transform属性的属性值

   值/函数                                                                             说明
translate(length,length)根据X轴和Y轴给定的参数,从当前元素位置移动
translateX(length)在X轴方向上实现平移
translateY(length)在Y轴方向上实现平移
rotate(angle)在一个给定度数顺时针旋转一定的度数,负值也可以
scale(number,number)进行2D缩放,第一个值为X轴,第二个值为Y轴
scaleX(number)在X轴进行倾斜
scaleY(number)在Y轴进行缩放
skew(angle,angle)进行2D倾斜,第一个值为X轴,第二个值为Y轴
skewX(angle)在X轴进行倾斜
skewY(angle)在Y轴进行倾斜
matrix(a,b,c,d,e,f)a:水平方向上的缩放;b:垂直方向上的倾斜率;c水平方向上的倾斜率;d:垂直方向上的缩放;e:水平方向上的移动距离;f:垂直方向上的移动距离。该函数可以综合实现旋转,缩放,倾斜的2D变形

 

 

 

 

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值