Detailed explanation of CSS3 property transform
This property has the meaning of transforming form, which can be "translate", "rotate", "skew", "scale"
1. Offset translate
usage: transform: translate (X axis offset, Y axis offset);
X-axis offset: transform: translateX(10px);
Y-axis offset: transform: translateY(10px);
The Y-axis here is different from the normal Y-axis, it means negative numbers up and positive numbers down; the X-axis is normal
And, if you set a percentage, it means the percentage of offset itself
.
Suppose there are two boxes, the red "father" and the blue "son", and the parent is absolutely positioned for the "father and son", and the child is positioned relatively