# Команда @keyframes

Команда `@keyframes` задает ключевые кадры анимации.

## Синтаксис

`@keyframes имя анимации { ключевые кадры }`

## Пример

Задаем ключевые кадры:

`<div id="elem"></div>` `@keyframes anim { from { margin-left: 0px; } to { margin-left: 400px; } } #elem { animation: anim 3s infinite; border: 1px solid black; width: 50px; height: 50px; }`

:

## Смотрите также

- все свойства для CSS анимации `animation-name`, `animation-duration`, `animation-delay`, `animation-timing-function`, `animation-iteration-count`, `animation-direction`, `animation-fill-mode`, `animation-play-state`, `keyframes`
- `transition` - плавные переходы (анимация по наведению на элемент)

←→
↑