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

z-index

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

猜你喜欢

转载自blog.csdn.net/weixin_51734251/article/details/111353218