Генератор CSS3 @keyframes

Наведите курсор

Пресет анимации

Имя анимации由动画预设自动生成，用于关联 @keyframes 与 animation

Длительность s

Число повторений

Вывод CSS

Создаёт код @keyframes + animation. Меняйте пресеты для живого превью и копирования CSS.

20 пресетов: bounce, rotate, pulse, slide, shake, fadeIn, swing, flash, zoom, heartbeat, flip, wobble и др.
Настройка длительности и числа повторов (1 / 2 / 3 / infinite)
Имя анимации синхронизируется с пресетом
Живой превью и копирование CSS в один клик