Css transform: translate(-50%, -50%) for reinforcement of centering

[Ross_O_Reilly]

Why do we need the css transform: translate(-50%, -50%) when we already have top: 50%, left 50%