旋转
语法
transform:rotate(度数) 单位deg
角度为正时,顺时针 角度为负时,逆时针
默认旋转中心点是元素的中心点
设置旋转的中心点
语法
transform-origin:x y;
位移方法
语法
transform:translate(x,y)
或者
transform:translateX(n)
transform:translateY(n)
综合写法 2d转换
同时使用多个转换
格式
transform:translate()rotate()scale()等
顺序会影响旋转效果
同时有位移和其他属性的时候,要将位移放最前
缩放
语法
transform:scale(x缩放,y缩放)
transform:scale(倍数)
注意
x和y用逗号隔开
堆叠
本文介绍了 CSS 2D 转换的相关知识,包括旋转、位移和缩放。旋转可通过 transform: rotate() 实现,能设置顺时针或逆时针旋转,还可指定旋转中心点;位移有 translateX、translateY 等方法;缩放用 transform: scale()。同时说明了多个转换的综合写法及顺序影响。
1万+

被折叠的 条评论
为什么被折叠?



