Generator CSS animacije za lijene ljude.
CSS animacija
CSS omogućuje animaciju HTML elemenata bez korištenja JavaScripta ili Flasha
U ovom poglavlju ćete naučiti o sljedećim svojstvima:
- @ključni okviri
- ime-animacije
- animacija-trajanje
- animacija-odgoda
- brojanje ponavljanja animacije
- animacija-režija
- funkcija mjerenja vremena animacije
- animation-fill-mode
- animacija
Prefiksi specifični za preglednik
Neki stariji preglednici trebaju specifični prefiks (-webkit-) za razumijevanje svojstava animacije
Što su CSS animacije?
Animacija omogućuje postupnu promjenu elementa iz jednog stila u drugi.
Možete promijeniti koliko god CSS svojstava želite, koliko god puta želite.
Da biste koristili CSS animaciju, prvo morate unijeti neke ključne kadrove za animaciju.
Ključni okviri sadrže stilove koje će element imati u određeno vrijeme.
Pravilo @keyframes
Kada navedete CSS stilove unutar pravila @keyframes, animacija će se postupno mijenjati iz trenutnog stila u novi stil u određeno vrijeme.
