Schatten um oder in html Elementen erzeugen.
.box-shadow{
-webkit-box-shadow: 1px 2px 3px 4px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 1px 2px 3px 4px rgba(0, 0, 0, 0.3 );
box-shadow: 1px 2px 3px 4px rgba(0, 0, 0, 0.3);
}Erläuterung:
Der erste Wert, in diesem Beipiel 1px, ist der horizontaler Versatz des Schattens. Positiver Wert [nach rechts] und negativer Wert [nach links].
Der zweite Wert, in diesem Beispiel 2px, ist der vertikale Versatz des Schattens. Ppositiver Wert [nach unten] und negativer Wert [nach oben].
Der dritte Wert, in diesem Beispiel 3px, ist die Stärke der Unschärfe (blur).
Der vierte Wert, in diesem Beispiel 4px, ist die Ausweitung des Schattens (spread).
Der fünfte Wert, in diesem Beispiel rgba(0, 0, 0, 0.3), ist die Farbangabe als Hex oder RGBA-Wert. Bei RGBA ist der letzte Wert (0,3) die Transparenz.