Сервисы/Генератор CSS-анимаций
Генератор CSS-анимаций
Добавьте анимации на сайт без сторонних библиотек. Выберите эффект из готового набора (появление, затухание, поворот, пульсация) и настройте длительность, задержку и повторяемость — получите готовый CSS-код.
1s
0s
Таймлайн
1.0sanimation
Bounce
CSS
@keyframes bounce {
0%, 100% { transform: translateY(0); }
50% { transform: translateY(-20px); }
}
.element {
animation: bounce 1s ease 0s infinite normal none;
}