Генератор CSS-анимаций — бесплатно онлайн
Хочется немного движения на странице — чтобы кнопка плавно появлялась, карточка выезжала снизу, а иконка мягко пульсировала. Но писать ключевые кадры вручную муторно, и тайминг приходится подбирать наугад. Мы сделали бесплатный инструмент, который всё это умеет — CSS Animation Generator — прямо в браузере.
Что он умеет
Анимацию вы собираете наглядно. Берёте за основу готовый пресет — появление, сдвиг, отскок, пульс, вращение, дрожание и другие — а потом настраиваете под себя и сразу видите живой предпросмотр. Когда всё выглядит как надо, копируете готовые CSS-ключи прямо в свой проект.
Ничего не уходит с вашего устройства
Всё работает прямо в браузере. Ничего не отправляется на сервер и нигде не сохраняется. Можно работать без интернета, а ваша работа остаётся только на вашем компьютере.
Как пользоваться
- Откройте CSS Animation Generator и выберите пресет — появление, сдвиг или отскок.
- Подкручивайте настройки, пока предпросмотр не задвигается так, как вам нужно.
- Скопируйте CSS и вставьте его в свой файл стилей.
Это бесплатно и без ограничений. Другие небольшие инструменты есть на странице приложений.