Визуальный конструктор CSS анимаций и keyframes

Генератор CSS анимаций

Визуальное создание CSS-анимаций с настройкой ключевых кадров (@keyframes), предпросмотром и экспортом CSS-кода.

Ключевые кадры
Минимум 2 кадра. Меняйте проценты и параметры — CSS генерируется автоматически.
Настройки
Предпросмотр
BOX
Двигайте ползунок прогресса — предпросмотр покажет выбранный кадр (анимация будет на паузе).
Прогресс 0%
Готовый CSS-код
/* Создайте хотя бы один ключевой кадр */