Zum Hauptinhalt springen

Glassmorphism-Generator

Erstellen Sie Milchglas-UI-Panels mit einstellbarer Unschärfe und Transparenz.

Glass
background: rgba(255, 255, 255, 0.2);
backdrop-filter: blur(12px);
-webkit-backdrop-filter: blur(12px);
border-radius: 20px;
border: 1px solid rgba(255, 255, 255, 0.3);

So funktioniert es

  1. 1Öffnen Sie das Glassmorphism-Generator-Tool.
  2. 2Passen Sie die visuellen Regler (Slider, Farbwähler usw.) für Ihren Stil an.
  3. 3Sehen Sie Ihre Änderungen live in der Vorschau.
  4. 4Kopieren Sie den generierten Code direkt in Ihr Projekt.

Über dieses Tool

Erstellen Sie Milchglas-UI-Panels mit einstellbarer Unschärfe und Transparenz. Gestalten Sie visuell und kopieren Sie produktionsreifen Code — kostenlos, ohne Konto.

Häufig gestellte Fragen