CSS3——Transform的属性及使用

transform是css3新增的属性，应用于元素的2D或3D转换。这个属性允许你将元素旋转，缩放，移动，倾斜等。

1.translate（位移）
translate有三个属性值即x轴，y轴和z轴，语法：

Transform：translateX(apx) / translateY(bpx) / translateZ(cpx);

简写：transform：translate（apx，bpx，cpx）；

X,Y,Z表示x轴y轴和z轴；abc分别表示x轴，y轴和z轴偏移数值，可以为负数；

设置translate位移的元素是相对于自己原来的位置来改变位置，不脱离文档流，translate 位移时，默认原点是元素的中心位置。

给盒子添加transform：translateX(100px);

原文链接：https://blog.csdn.net/qq_45947497/article/details/109244441