Сервисы/Генератор CSS Анимаций (Keyframes)
Генератор CSS Анимаций (Keyframes)
Оживите ваш портал без тяжелых JS-библиотек. Выберите паттерн из банка анимаций (Bounce, Fade, Rotate) и отрегулируйте тайминги (Duration, Easing, Delay). Выдает готовый @keyframes код для 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;
}