Ко всем сервисам
Tools/CSS Animation Generator
CSS Animation Generator
Build CSS @keyframes animations visually: define keyframes, easing functions, duration, delay, iterations and direction. Live preview plus a clean copy-paste output.
1s
0s
Timeline
1.0sanimation
Bounce
CSS
@keyframes bounce {
0%, 100% { transform: translateY(0); }
50% { transform: translateY(-20px); }
}
.element {
animation: bounce 1s ease 0s infinite normal none;
}