Reguła @keyframes określa kod animacji (klatki kluczowe, przepis).
@keyframes
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.
!important
@keyframes animationname {keyframes-selector {css-styles;}}