Generator animacji CSS dla leniwych.
Animacje CSS
CSS umożliwia animację elementów HTML bez użycia JavaScript lub Flash
W tym rozdziale poznasz następujące właściwości:
- @klatki kluczowe
- nazwa-animacji
- czas trwania animacji
- Opóźnienie animacji
- liczba-iteracji-animacji
- kierunek animacji
- animacja-czas-funkcja
- tryb wypełniania animacji
- animacja
Prefiksy specyficzne dla przeglądarki
Niektóre starsze przeglądarki wymagają określonych prefiksów (-webkit-), aby zrozumieć właściwości animacji
Co to są animacje CSS?
Animacja pozwala elementowi stopniowo zmieniać się z jednego stylu na inny.
Możesz zmienić dowolną liczbę właściwości CSS, tyle razy, ile chcesz.
Aby użyć animacji CSS, musisz najpierw określić kilka klatek kluczowych animacji.
Klatki kluczowe zawierają style, które element będzie miał w określonych momentach.
Zasada @keyframes
Gdy określisz style CSS w regule @keyframes, animacja będzie stopniowo zmieniać się z bieżącego stylu na nowy w określonych momentach.
