CSS @keyframes
Выбери пресет, настрой длительность и повторы — получи готовый CSS-блок.
скопировано
О сервисе
Готовые CSS-анимации с превью: fade, bounce, shake, pulse, spin, slideIn. Настройка длительности, повторов и timing-функции. Кнопка «replay» для повтора превью.
Что умеет
- 6 готовых пресетов анимации
- Длительность от 0.1 до 5 секунд
- Повторы: 1, 2, 3 или бесконечно
- Timing: ease, linear, ease-in, ease-out, ease-in-out
- Кнопка replay для повтора одиночной анимации
Как работает
Каждый пресет — массив CSS-правил @keyframes, инжектится в страницу при первой загрузке. На лету собирается строка animation для применения к превью.
Пример
animation: pulse 1.5s ease-in-out infinite — мягкая пульсация для кнопок призыва к действию.
Нужен подобный сервис для вашего сайта или сложный сценарий — пишите, разработаю под задачи.
