logo

Bootstrap 4 alpha

Mega Menue Sidebar

css3area


CSS 3 RGB/RGBA

Die RGB Deklaration benutzt das RGB Farbschema (R) = red, (G) = green und (B) = Blue, wobei diese nicht mit den Primärfarben rot, grün und blau zu verwechseln sind.
Näheres hierzu finden Sie hier (Wiki-RGB-Farbraum)

 

 

 


div.L1 { background:rgb(60, 80, 100);height:20px; }
div.L2 { background:rgb(60, 100, 100);height:20px; }
div.L3 { background:rgb(60, 120, 100);height:20px; }

div.L4 { background:rgb(25, 100, 100);height:20px; }
div.L5 { background:rgb(25, 100, 150);height:20px; }
div.L6 { background:rgb(25, 100, 200);height:20px; }

 

CSS 3 RGBA

Beim RGBA kommt zusätzlich ein Wert "Alpha/Opacity" dazu welcher eine Deckkraft der Farben setzt (wie bei HSLA). Dieser Wert geht von 0.0 = keine Deckung bis 1.0 = volle Deckung.

 


div.L1 { background:rgba(153, 134, 117, 0.2); height:20px }
div.L2 { background:rgba(153, 134, 117, 0.4); height:20px }
div.L3 { background:rgba(153, 134, 117, 0.6); height:20px }
div.L4 { background:rgba(153, 134, 117, 0.8); height:20px }
div.L5 { background:rgba(153, 134, 117, 1.0); height:20px }

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

Tags

HTML5 META Artikel Doctype Header Footer