Przykład
Podaj nazwę animacji @keyframes:
div
{
-webkit-animation-name: mymove; /* Chrome, Safari, Opera */
animation-name: mymove;
} Spróbuj sam " Definicja i Wykorzystanie
Nieruchomość animacja-name określa nazwę animacji @keyframes.
| Domyślna wartość: | none |
|---|---|
| Dziedziczny: | no |
| Animatable: | no. Read about animatable |
| Wersja: | CSS3 |
| Składnia JavaScript: | object .style.animationName="myNEWmove" Try it |
Pomoc Browser
Liczby w tabeli określ pierwszą wersję przeglądarki, która w pełni obsługuje właściwość.
Liczby następnie -webkit-, -moz- lub -o- określić pierwszą wersję, która pracowała z prefiksem.
| Nieruchomość | |||||
|---|---|---|---|---|---|
| animation-name | 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- |
Składnia CSS
animation-name:keyframename|none|initial|inherit;wartości nieruchomości
| Wartość | Opis | |
|---|---|---|
| keyframename | Określa nazwę kluczowej chcesz wiązać się z selektora | |
| none | Domyślna wartość. Określa, że nie będzie animacja (może być użyta do nadpisania animacje pochodzące z kaskadą) | |
| initial | Ustawia tę właściwość na wartość domyślną. Przeczytaj o początkowej | |
| inherit | Dziedziczy nieruchomość od swojego rodzica. Przeczytaj o dziedziczą |
Podobne strony
Tutorial CSS3: CSS3 animacje
HTML DOM referencyjny: animationName property