Instrument online CSS3 Animation Generator

Animation

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.