Transformace

Další způsob jak mimo jiné s prvky posouvat
transform: translate(10px, 50px)
Na rozdíl od position: relative; left: 10px; top: 50px; méně zatěžuje zařízení při animacích
Hodí se tedy pro animované efekty
Umožňuje kombinovat více typů dohromady transform: translateX(50%) scaleY(0.5) rotate(45deg)
transform-origin určuje těžiště prvku, bod, kolem kterého se má prvek například otáčet

Cvičení 1