box-shadow – 2 Schatten für ein Foto

In meinem letzten Beitrag hatte ich geschrieben, wie man über die “box-shadow“-Eigenschaft (Block-)Elementen einen Schatten zuweisen kann. Eigentlich Spielerei, aber die Frage war, kann ich auch zwei (oder mehrere) Schatten hinzufügen?
 
Die Antwort: Ja, wenn ich die jeweiligen Werte der Eigenschaft durch ein “Komma” trenne.

fisch

Beispiel für zwei Schatten eines Fotos mit der ID “css3fotoshadow” und der box-shadow Eigenschaft
 
 

box-shadow – Schatten für die Elemente

Über die “box-shadow” Eigenschaft kann man Elementen einen Schatten zuweisen.
 

Beispiel für den Schatten eines div mit der ID “css3shadow” und der box-shadow Eigenschaft

 
 
<style>
div #css3shadow
{
border:5px solid #000;
padding:20px 20px;
background:#efefef;
width:400px;
box-shadow: 20px 20px 1px blue;
}
</style>

<div id="css3shadow">Beispiel für den Schatten eines div mit der ID "css3shadow" und der <strong>box-shadow</strong> Eigenschaft</div>