CSS Animacije

@keyframes

@keyframes je pravilo koje definira kako bi ste kretale animacije. Pomoću @keyframes može se odrediti početne, srednje i završne točke animacije.

animation-name

animation-name određuje ime animacije koja će se koristiti u CSS-u. Vezuje se uz @keyframes pravilo.

animation-duration

animation-duration određuje koliko će trajati cijela animacija.

animation-delay

animation-delay određuje vrijeme čekanja prije nego što animacija počne.

animation-iteration-count

animation-iteration-count određuje koliko puta će se animacija ponoviti.

animation-direction

animation-direction definira smjer u kojem će se animacija ponavljati.

animation-timing-function

animation-timing-function određuje brzinu animacije tijekom vremena.

animation-fill-mode

animation-fill-mode određuje kako se animacija ponaša prije i nakon njenog izvršenja.