CSS generátor animací pro lenochy.
CSS animace
CSS umožňuje animaci prvků HTML bez použití JavaScriptu nebo Flashe
V této kapitole se dozvíte o následujících vlastnostech:
- @klíčové snímky
- název-animace
- délka animace
- animace-zpoždění
- animace-iterace-počet
- animace-režie
- funkce animace-časování
- režim animace
- animace
Předpony specifické pro prohlížeč
Některé starší prohlížeče potřebují specifické předpony (-webkit-), aby porozuměly vlastnostem animace
Co jsou to CSS animace?
Animace umožňuje prvku postupně přecházet z jednoho stylu do druhého.
Můžete změnit tolik vlastností CSS, kolikrát chcete.
Chcete-li použít animaci CSS, musíte nejprve určit některé klíčové snímky pro animaci.
Klíčové snímky obsahují styly, které bude mít prvek v určitých časech.
Pravidlo @keyframes
Když zadáte styly CSS uvnitř pravidla @keyframes, animace se v určitých časech postupně změní z aktuálního stylu na nový.