Milchglas: ein Farbverlauf mit geriffeltem Glas über Flieder, Rosa und tiefem Violett
Sechzehn vertikale Scheiben brechen in Milchglas ein Mesh aus Flieder, zartem Rosa und tiefem Violett und erzeugen die geriffelte Anmutung von Riffelglas, das vor farbiges Licht gehalten wird. Glas steht auf 70 und Weichheit auf 60, sodass jede Scheibe die Unschärfe dahinter verschiebt und an einer Kante ein feines Glanzlicht einfängt. Körnung liegt bei nur 8, was die Oberfläche sauber hält, näher an Glas als an Papier.
Mach den Look zu deinem
Ändere den Rhythmus der Scheiben
Breite, ruhige Lamellen hinter einer Preiskarte brauchen weniger Scheiben: Probiere 8 statt 16. Mit 30 entsteht eine feine Riffelstruktur, die auch in kleinen Größen wie der Vorschau Karte noch trägt.
Mildere die Lichtbrechung
Glas bei 70 biegt die Farben stark. Um 35 werden die Scheiben zu einer Andeutung, was unter langem Text sicherer ist. Schalte Finish vergleichen ein, um das Mesh mit und ohne Glas nebeneinander zu sehen.
Häufige Fragen
Ist das eine echte Hintergrundunschärfe wie CSS backdrop-filter?
Nein. Der Glaseffekt wird direkt in den Verlauf gezeichnet: Das Bild wird in vertikale Scheiben geteilt, und jede versetzt die Farben dahinter. Du erhältst die Milchglas-Anmutung als fertigen Hintergrund, und nichts auf deiner Seite muss dafür live weichgezeichnet werden.
So funktioniert es
Wähle einen Startpunkt
Starte mit einem von 28 Looks wie Weiches Mesh, Finsternis-Strahlen oder Riso-Halbton, oder wähle einen Verlaufstyp und eine von 24 Paletten.
Stimme den Verlauf ab
Passe Skalierung, Verzerrung, Wirbel und Weichheit an, füge Körnung, Glasscheiben oder Glaskacheln, ein Overlay aus Punkten, Raster oder Linien, eine zweite gemischte Ebene oder einen Bildstil wie Halbton oder Pixel-Sortierung hinzu und schalte die Animation mit eigener Geschwindigkeit ein.
Ansehen und verwenden
Sieh dir den Verlauf in den Layouts Landingpage, Karte, Mobil und Registrierung an und melde dich dann mit einem kostenlosen UX Pilot Konto an, um ihn im Canvas zu verwenden oder zu exportieren.