Spis alfabetyczny stylów CSS.
Reguła @keyframes definiuje kod animacji. Animacja jest tworzona poprzez stopniowe przechodzenie z jednego zestawu stylów CSS na inny. W trakcie animacji można wielokrotnie zmieniać zestaw stylów CSS.
Określ, kiedy zmiana stylu nastąpi w procentach lub za pomocą słów "from" i "to", czyli 0% i 100%. 0% to początek animacji, 100% to koniec animacji.
Tip: aby zapewnić najlepszą obsługę przeglądarek, należy zawsze definiować selektory 0% i 100%.
Uwaga: Użyj właściwości animation, aby kontrolować wygląd animacji, a także aby powiązać animację z selektorami.
Uwaga: reguła important! jest ignorowana we właściwości keyframe (patrz ostatni przykład na tej stronie).
Wartość | Opis |
animationname | Określa nazwę animacji. Wymagane. |
keyframes-selector | Procent czasu trwania animacji. Wymagane. Dozwolone wartości: 0-100% from (to samo, co 0%) to (to samo, co 100%) Uwaga: w jednej animacji można mieć wiele selektorów keyframes. |
css-styles | Co najmniej jedna właściwość stylu CSS. Wymagane. |
@keyframes animationname {keyframes-selector {css-styles;}}
Liczba w tabeli określa pierwszą wersję przeglądarki w pełni obsługującą tę właściwość.
Liczba przed -webkit-, -moz- i -o- określa pierwszą wersję, która działała z prefiksem.
Właściwość | ![]() |
![]() |
![]() |
![]() |
![]() |
@keyframes | 43.0 4.0 -webkit- |
10.0 | 16.0 5.0 -moz- |
9.0 4.0 -webkit- |
30.0 15.0 -webkit- 12.0 -o- |
Opinie umieszczone w Google są niezależne. Nie ma możliwości ich usunięcia, czy też zmiany treści. Można na nie jedynie odpowiedzieć. Są one wiarygodne, gdyż nie można nimi manipulować.
Opinie umieszczone w Google są niezależne. Nie ma możliwości ich usunięcia, czy też zmiany treści. Można na nie jedynie odpowiedzieć. Są one wiarygodne, gdyż nie można nimi manipulować.
Tworzenie stron Warszawa, Wrocław i Legnica | Teksty SEO pozycjonujące strony | Grafika na strony internetowe | Mapa strony | Polityka prywatności
Marynarska 54, 59-220 Legnica,, dolnośląskie, Polska,
tel.: +48 780 060 995,
pon. - czw. 8:00 - 16:00