Online nástroj CSS3 Animation Generator

Animation

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ý.