Why left:50% + transform:translateX(-50%) = mean?

I really can not understand, maybe I'm tired. But if we first move the content to 50% to the right and then 50% left, why he gets up in the middle?
April 7th 20 at 11:55
2 answers
April 7th 20 at 11:57
left 50% — 50% of the parent
transform 50% — 50% of the actual item
April 7th 20 at 11:59
Most likely left moves the element starting from the top right corner, and the function translate with the middle element is what comes out of the center

Find more questions by tags CSS