移动web第一天-平面转换

146 阅读1分钟

一.位移

1.在不写方向的默认情况下,是X轴正方向: transform:translate(100px);

2.哪个方向就写哪个轴: transform:translateY(100px);

3.可以连写,"-"表示轴的反方向: transform:translate(100px,-100px); image.png

二.绝对定位元素居中

image.png

无论自身大小如何变换,自始至终保持着盒子在里面水平居中,垂直居中

三.旋转效果

image.png

四.转换原点

image.png

五.多重转换效果

image.png 平移必须写在旋转前面!!!