Benutzer-Werkzeuge

Webseiten-Werkzeuge


css:shadow

Schatten für Elemente

Dieser CSS-Style ist für alle gängigen Browser geeignet:

.shadow {
	-moz-box-shadow: 5px 5px 12px #000;
	-webkit-box-shadow: 5px 5px 12px #000;
	box-shadow: 5px 5px 12px #000; /* Safari */
	.-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
	.filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
}

Beispiel:

<div id="Header" class="shadow">
	Dieses Rechteck hat einen Schatten
</div>
css/shadow.txt · Zuletzt geändert: 2015/12/19 00:00 (Externe Bearbeitung)