CSS Keyframe-Animations-Generator
Design & GrafikErstellen Sie flüssige CSS-Keyframe-Animationen (Hüpfen, Pulsieren, Rütteln, Drehen) mit anpassbarer Dauer.
Animationseigenschaften
Dauer1s
Verzögerung0s
CSS @keyframes & Animation
@keyframes customBounce {
0%, 20%, 50%, 80%, 100% { transform: translateY(0); }
40% { transform: translateY(-30px); }
60% { transform: translateY(-15px); }
}
.animated-element {
animation: customBounce 1s ease-in-out 0s infinite normal;
}☕Unabhängige Projektförderung
Gefällt Ihnen ToolsApp? Spendieren Sie einen Kaffee
ToolsApp läuft zu 100% Client-Side im Browser – ohne Abos und ohne Datentracking. Wir glauben, dass digitale Werkzeuge für alle frei zugänglich bleiben sollten. Ihre Unterstützung hilft uns, neue nützliche Tools zu entwickeln!
100% Client-Side•Kostenlos für Alle
Wie funktioniert es?
1
Wählen Sie Effekt
Wählen Sie zwischen Bounce, Puls, Shake oder 3D-Flip.
2
Feinabstimmung des Timings
Passen Sie Dauer, Verzögerung und Timing-Funktion an.
3
CSS kopieren
Exportieren Sie die vollständigen @keyframes-CSS-Regeln.
Volle PrivatsphäreAlle Berechnungen und Dateiverarbeitungen erfolgen zu 100 % lokal in Ihrem Browser über clientseitiges JavaScript.
Nutzerbewertungen & Feedback
Teilen Sie Ihre Erfahrung anonym. Automatisch von KI moderiert.
5.0
•0 BewertungenGenehmigte Bewertungen (0)
Bewertungen werden geladen...