Animation-name - nazwa animacji utworzonej w @keyfames
Animation-duration - czas trwania animacji w sekundach np 4s. 
Animation-delay - opóżnienie animacji
Animation-iterator-count- określa ile razy animacja zostaje uruchomiona
Animation-direction - określa czy animacja ma byc odtwarzana w przód czy od tyłu 
Właściwości kierunke animacji 
normal
reverse
Alternate - asnimacja jest odtwarzana do przodu potem do tuły
Alternate-reverse - animacja jest odtwarzana najpier do tyłu potem do przodu
Animation-timing-function - określa krzywą prędkości animacji
Animacja-timing-function :
ease - określa animacje z powolnym starem potem szybkim i powolnym zakonczeniem
Linear - określa animacje z tą samą prękością od początku do konca
Ease-in określa animacje z powolym starem
Ease-out określa animacje z wolnym końcem
Ease-in-out określa animacje z powolnym początkiem i końcem
Cucbic-bezier - pozwala zdefinować 
Animation-fill-mode określa styl elementu końcowego gdy animacja nie jest odtwarzana
None - wartość domyślna
Forwards - ustawienie przed ostatnią klatką
Backwars - ustawienie prezed pierwszą klatka
Both - animacja do przodu i do tyłu. Przed pierwszą i ostatnią klatką

Zadanie: Przygotuj animacje na powyższym zapisie

Czewony na żółty