Maturitarozbory témat
6

CSS animace a transformace

📚 WEB
📝 Příprava: 30 min
🎯 Zkouška: 15 min
📖

Teorie

CSS animace: transition (jednoduché přechody), @keyframes (složitější animace), transform (translate, rotate, scale, skew). Preferujte transform a opacity pro lepší výkon (GPU akcelerace). Use will-change opatrně.

🎯

Tahák

  • 1transition: property duration timing-function
  • 2@keyframes pro komplexní animace
  • 3transform vs. top/left performance

Typické otázky u maturity

  • 1Proč je transform výkonnostnější než top/left?
  • 2Co je repaint vs reflow?
🏷️

Klíčová slova

transitionkeyframestransformwill-change