Генератор анимаций CSS (Keyframe Animation)
Генератор анимаций CSS позволяет выбрать тип анимации из 12 готовых пресетов (плавное появление и исчезновение, скольжение с четырёх сторон, увеличение и уменьшение, отскок, вращение при появлении, горизонтальный и вертикальный переворот), а затем настроить длительность, задержку, кривую тайминга и количество повторов, с мгновенным живым превью и кнопкой перезапуска анимации. Полный код @keyframes вместе с правилом анимации можно скопировать сразу для использования в проекте. Вся генерация выполняется прямо в браузере, без загрузки каких-либо данных на сервер.
Код полностью создаётся в вашем браузере — ничего не отправляется на сервер.
Код CSS
@keyframes uddatakAnim {
0% { opacity: 0; }
100% { opacity: 1; }
}
.animated-box {
animation: uddatakAnim 800ms ease-out 0ms 1;
}Продолжить с
Похожие инструменты
Хотите попробовать Uddatak?
Просмотрите полную библиотеку инструментов и начните пользоваться тем, что нужно прямо сейчас — бесплатно, без регистрации.
Смотреть все инструменты