Web Design mit Transparenz in CSS 3

Zusätzlich zu dem Schlüsselwort transparent, CSS 3 hat eine andere Art und Weise transparente oder transluzente Elemente auf Ihren Webseiten zu erzeugen, wie in dem folgenden Stück Code gezeigt.

CSS 3 stellt die neue Farbwähler RGBa. RGBa ist die gleiche wie die ursprüngliche Farbauswahl RGB, mit der Ausnahme, dass es einen Wert annimmt, der die alpha beschreibt oder Transparenz des gestylten Elements.

Diese Elemente sind alle blau, aber sie haben eine unterschiedliche Menge an Transparenz, wie dargestellt. Beachten Sie, wie der feste rote Block durchscheint.

In diesem Beispiel Seite über Quallen, wurden Steigungen mit Transparenz verwendet, um durch den Hintergrund zeigen zu lassen. Sie können sehen, dass es verwendet wurde, einen geschichteten Effekt zu erzeugen. Wenn die unterste Farbe der Seite geändert wird, werden alle geschichteten Farben der Wechselfilter durch eine Tönung lassen.

Das Ergebnis dieser Gradienten-Technik besteht darin, dass die gesamte Website mit einem einzigen Änderung des Hintergrundes ändern können.