0
点赞
收藏
分享

微信扫一扫

transform

辰鑫chenxin 2022-03-11 阅读 84
css3csshtml

四个常用功能

位移translate

缩放scale

旋转rotate

倾斜skew

经验

一般都需要配合transition过渡

inline元素不支持transform,需要先变成block

transform之translate

常用写法

translateX(<length-percentage>)

translateY(<length-percentage>)

translateX(<length-percentage>,<length-percentage>?)

translateZ(<length>)且父容器perspective

translate3d(x,y,z)

JSBin演示

经验

要学会看懂MDN的语法实例

translate(-50%,-50%)可做绝对定位元素的居中

transform之scale

常用写法

scaleX(<number>)

scaleY(<number>)

scale(<number>,<number>?)

JSBin演示

经验

用得较少,因为容易出现模糊

举报

相关推荐

0 条评论