12.16日报

旋转
语法

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用逗号隔开
堆叠

猜你喜欢

转载自blog.csdn.net/zzxin1216/article/details/111351884