CSS Glassmorphism-Generator
Erstellen Sie Milchglas-UI-Effekte mit Live-Vorschau und CSS-Ausgabe. Transparenz, Unschärfe, Rahmen und Schatten fein einstellen.
Vorschau
Glassmorphism
Vorschau
Steuerung
CSS-Code
background: rgba(255, 255, 255, 0.25);
backdrop-filter: blur(10px) saturate(180%);
-webkit-backdrop-filter: blur(10px) saturate(180%);
border: 1px solid rgba(255, 255, 255, 0.18);
border-radius: 16px;Anleitung
Parameter anpassen
Deckkraft, Unschärfe und Rahmen anpassen
Vorschau
Glaseffekt in Echtzeit ansehen
Kopieren
CSS-Code zur Verwendung kopieren
Funktionen
Unschärfe-Steuerung
Backdrop-Filter-Unschärfe anpassen
Hintergrund-Anpassung
Hintergrundbild oder Farbe anpassen
Rahmen & Schatten
Glas-Stil Rahmen und Schatten konfigurieren
FAQ
🔗Verwandte Tools
Farbcode-Konverter
Konvertieren Sie zwischen HEX-, RGB- und HSL-Farbcodes. Verwenden Sie die Farbauswahl und Echtzeit-Vorschau für intuitive Farbwahl.
Farbwähler
Wählen Sie Farben intuitiv mit einem Farbrad und Schiebereglern. Farbcodes in HEX, RGB und HSL kopieren.
Bild-Farbextraktor
Dominante Farben aus einem Bild automatisch erkennen und eine Farbpalette erzeugen. Sie können auch auf eine beliebige Stelle im Bild klicken, um einzelne Farben aufzunehmen.
Bild-Durchschnittsfarbe-Picker
Berechnen Sie die Durchschnittsfarbe eines gesamten Bildes oder eines ausgewählten Bereichs. Nützlich für Farbschemata oder Thumbnail-Hintergrundfarben.
CSS Farbverlauf-Generator
Erstellen Sie CSS-Farbverläufe visuell mit Ziehsteuerung. Unterstützt lineare, radiale und konische Farbverläufe mit Vorlagen.
CSS Box-Shadow-Generator
Erstellen Sie CSS box-shadow visuell mit Schiebereglern. Unterstützt mehrere Schatten und Inset-Schatten.