CSS-Glassmorphism-Generator (Milchglas-Effekt)
Erzeugen Sie einen CSS-Glassmorphism-Effekt (Milchglas) mit Vorschau und kopierfertigem Code.
🔒 100 % clientseitig — keine Daten gesendet
Erstellen Sie einen Glassmorphism-Effekt im Milchglas-Look und kopieren Sie das einfügebereite CSS (backdrop-filter, Transparenz, Weichzeichnung, Rahmen). Passen Sie Weichzeichnung, Deckkraft und Radius in Echtzeit mit einer Live-Vorschau an. Es werden keine Daten gesendet: Alles wird in Ihrem Browser erzeugt.
What is it for?
- ▸ Milchglas-Karten und Modals gestalten
- ▸ Schnell eine moderne transluzente UI prototypisieren
- ▸ Weichzeichnung und Deckkraft mit sofortiger Vorschau anpassen
- ▸ Sauberes, browserkompatibles CSS kopieren
FAQ
Welche CSS-Eigenschaft erzeugt den Glaseffekt?
Hauptsächlich ist es backdrop-filter: blur(), kombiniert mit einem halbtransparenten Hintergrund und einem hellen Rahmen.
Funktioniert Glassmorphism in allen Browsern?
Die meisten modernen Browser unterstützen es. Ein -webkit-backdrop-filter-Präfix verbessert die Kompatibilität.
Kann ich das erzeugte CSS kostenlos verwenden?
Ja, der Code kann kostenlos in persönlichen oder kommerziellen Projekten verwendet werden.