Developer Tools
Cubic Bezier Generator
Erstellen Sie benutzerdefinierte CSS-Animations-Easing-Kurven mit visuellem Editor
Kurven-Editor
X1
Y1
X2
Y2
Animations-Vorschau
Dauers
▶
CSS
cubic-bezier(0.250, 0.100, 0.250, 1.000)
transition: all 1s cubic-bezier(0.250, 0.100, 0.250, 1.000); /* or */ animation: yourAnimation 1s cubic-bezier(0.250, 0.100, 0.250, 1.000);
Voreinstellungen & Vergleich
Warum Cubic Bezier Generator verwenden?
- ✓100% Kostenlos - Keine versteckten Kosten oder Premium-Funktionen
- ✓Keine Anmeldung erforderlich - Sofort nutzbar ohne Kontoerstellung
- ✓Datenschutz zuerst - Alle Verarbeitung erfolgt in Ihrem Browser. Ihre Daten verlassen nie Ihr Gerät
- ✓Blitzschnell - Sofortige Ergebnisse ohne Server-Verzögerungen
Anleitung
- Geben Sie Ihren Text im Eingabebereich oben ein oder fügen Sie ihn ein
- Das Tool verarbeitet Ihre Eingabe automatisch
- Kopieren Sie das Ergebnis oder laden Sie es als Datei herunter
Funktionen
- ✓Interaktiver Drag-and-Drop-Kurveneditor
- ✓Über 30 Easing-Funktions-Voreinstellungen
- ✓Echtzeit-Animationsvorschau
- ✓Mehrere Animations-Eigenschafts-Demos
- ✓Kurvenvergleichsmodus