Playground
Auf den folgenden Seiten habe ich kleine Demos und Code-Snippets aufbereitet, die schöne Ergänzungen und Anregungen für verschiedene Website-Komponenten zeigen.
CSS: Login mit "Frosted Glass" Effekt Hintergrund
In vielen modernen Programmen/Apps und sogar Betriebssystem finden wir immer häufiger Elemente, die den Hintergrund verschwommen durchscheinen lassen. Dieser Effekt wird als Frosted-Glass Effekt oder Blurred Glass Effekt bezeichnet. Mitlerweile sind die Browser so weit, dass diese auch mit ein paar kleinen CSS-Tricks diesen Effekt herstellen können. Auf der Demo-Seite kann man sich das Ganze gerne anschauen. Wenns gefällt kann der Quellcode heruntergeladen werden. Wie das Ganze funktioniert und aufgebaut ist, kann man aus dem Quellcode erkennen. Ich werde wohl noch ein Tutorial dafür nachreichen, diese Demo dient nur zur Inspiration.
Kommentare
Hinterlasse einen Kommentar