CSS
@keyframes bounce {
0%, 100% { transform: translateY(0); }
50% { transform: translateY(-30px); }
}
.animated {
animation: bounce 1s ease infinite;
}About CSS Animation Generator
Create CSS keyframe animations with visual editor. This free online tool works directly in your browser with no installation or signup required. Your data stays private as all processing happens locally on your device.
Features
- 100% free, no registration needed
- Works offline - all processing in your browser
- Privacy-first: your data never leaves your device
- Mobile-friendly responsive design
- Available in 10 languages