Wprowadzenie:
Chcesz stworzyć pulsujący przycisk albo piłkę, która wiecznie się odbija? Tutaj zwykłe przejścia nie wystarczą. Poznaj @keyframes – sposób na tworzenie złożonych, wieloetapowych animacji, które działają same z siebie, bez interakcji użytkownika.
Kluczowe zagadnienia:
- Definiowanie
@keyframes. - Klatki kluczowe (
from,to,%). - Właściwość
animationi zapętlanie (infinite).
Sprawdź wiedzę (Pytania do filmu):
- Co to jest
@keyframes? - Jaka właściwość uruchamia animację?
- Co robi
infinite? - Jak oznaczamy start i koniec animacji?
- Czy animacja działa sama z siebie (bez interakcji)?