Generator de animație CSS pentru oameni leneși.
Animații CSS
CSS permite animarea elementelor HTML fără a utiliza JavaScript sau Flash
În acest capitol veți afla despre următoarele proprietăți:
- @keyframes
- animatie-nume
- animatie-durata
- animație-întârziere
- animație-iterație-număr
- regia-animatie
- animatie-functie-sincronizare
- animație-umplere-mod
- animaţie
Prefixe specifice browserului
Unele browsere mai vechi au nevoie de prefixe specifice (-webkit-) pentru a înțelege proprietățile animației
Ce sunt animațiile CSS?
O animație permite unui element să se schimbe treptat de la un stil la altul.
Puteți schimba câte proprietăți CSS doriți, de câte ori doriți.
Pentru a utiliza animația CSS, trebuie mai întâi să specificați niște cadre cheie pentru animație.
Cadrele cheie dețin ce stiluri va avea elementul în anumite momente.
Regula @keyframes
Când specificați stiluri CSS în cadrul regulii @keyframes, animația se va schimba treptat de la stilul curent la stilul nou în anumite momente.
