css 2D 转换系列

1.移动
从一个位置移动至另外一个位置
transform: translate(X轴, Y轴)
移动的特点: 相当于相对定位,比定位的性能更高 可以接受负值

小技巧:让盒子水平垂直居中

2.旋转
tansform:rotate(360deg)
tips:旋转的中心点可以控制transform-origin:值

3.缩放
transform:scale()
取值是倍数

4.斜切

transform:skew(角度)

猜你喜欢

转载自blog.csdn.net/qq_40301211/article/details/88803642