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

• Houpačka a kočka
• github.com/Czechitas-podklady-WEB/Cviceni-Transformace