Farbwähler & Farbpaletten-Generator
Wählen Sie Farben in HEX, RGB und HSL; generieren Sie harmonische Farbpaletten und sanfte Verläufe.
CSS Keyframe-Animations-Generator
Erstellen Sie flüssige CSS-Keyframe-Animationen (Hüpfen, Pulsieren, Rütteln, Drehen) mit anpassbarer Dauer.
Animationseigenschaften
Dauer1s
Verzögerung0s
CSS-Keyframes und 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;
}Wie funktioniert es?
Wählen Sie Effekt
Wählen Sie zwischen Bounce, Puls, Shake oder 3D-Flip.
Feinabstimmung des Timings
Passen Sie Dauer, Verzögerung und Timing-Funktion an.
CSS kopieren
Exportieren Sie die vollständigen @keyframes-CSS-Regeln.
Tipps & Tricks
- •Ergänzen Sie prefers-reduced-motion und eine ruhige Alternative für Nutzer mit reduziertem Bewegungswunsch.
Ähnliche Werkzeuge
Bild-Farbpipette & Color-Picker
Laden Sie Fotos hoch und klicken Sie auf ein beliebiges Pixel, um exakte HEX- und RGB-Farbcodes auszulesen.
Individueller QR-Code-Generator
Erstellen Sie hochauflösende PNG- und SVG-QR-Codes für Websites, WLAN-Netzwerke, Texte und Visitenkarten.
Favicon- & App-Icon-Generator
Generieren Sie 16x16, 32x32, 180x180 Apple-Touch-Icons und Android-PWA-Icons aus Ihrem Logo.
Nutzerbewertungen & Feedback
Teilen Sie Ihre Erfahrung anonym. Automatisch von KI moderiert.
Genehmigte Bewertungen (0)