Я вот тут открыл для себя одну новую штуку. К

Question

Я вот тут открыл для себя одну новую штуку. К

примеру:

position: absolute;
top: 50%;
left: 50%.

Начало левого конца и верхушки располагается ровно на середине экрана, но если мы заюзаем

transform: translate(-50%, -50%);

Он ровно станет на центр

И да, я знаю что transform берёт % от своей же ширины и высоты, а position берёт % от ширины и высоты родителя. Но кто-то может объяснить как это работает?