CSS - Snippets

Schatten

.schatten
{
box-shadow: 3px 3px 10px #888;
-webkit-box-shadow: 3px 3px 10px #888;
-moz-box-shadow: 3px 3px 10px #888;
}

Die Werte bezeichnen: Abstand auf der x-Achse, der y-Achse, den Wert für das Weichzeichnen und natürlich die Schattenfarbe.

Schatten auf alten IE Mit Microsoft Filter Funktionen. Es gibt zwei unterschiedliche Schatten Filter. Beide liefern ein eher mäßiges Ergebnis.

.ie-schlagschatten
{
filter:progid:dxImageTransform.Microsoft.dropShadow(color=#8888,offX=3,offY=3 positive=true);
}

.ie-schatten
{
filter:progid:DXImageTransform.Microsoft.Shadow(color='#8888',direction='120',strength='3');
}