日报1216

旋转

语法

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

堆叠

z-index

• 只能应用于相对定位 绝对定位和固定定位的元素 其它标准流 浮动 静态定位无效