Opis

Reguła @keyframes określa kod animacji (klatki kluczowe, przepis).

Animacja jest tworzona przez stopniowe przechodzenie z jednego zestawu stylów CSS do drugiego. Moment zmiany określamy w % lub za pomocą słów "from" (0%) i "to" (100%), gdzie 0% to początek a 100% to wykonanie całej animacji.

Użyj właściwości animation do kontrolowania animacji i do powiązania animacji z selektorami @keyframes.

!important jest ignorowany w klatce kluczowej.

Przykład
Kod:
Wartości

@keyframes animationname {keyframes-selector {css-styles;}}

WartośćOpis
animationname Wymagany. Definiuje nazwę animacji.
keyframes-selector Wymagany. Procent czasu trwania animacji. od 0% (from) do 100% (to). Możesz mieć wiele keyframes-selector w jednej animacji. Zalecenia: zawsze definiuj selektory 0% i 100%.
css-styles Wymagany. Jedna lub więcej właściwości stylu CSS.
Przykłady:   |     |     |     
Info: Domyślna wartość: -
Dziedziczenie:
Animowalność:
JavaScript: object.style.JS?