CSS - Snippets: Unterschied zwischen den Versionen
Aus Wikizone
(Die Seite wurde neu angelegt: „== Schatten == <pre> .schatten { box-shadow: 3px 3px 10px #8888; -webkit-box-shadow: 3px 3px 10px #8888; -moz-box-shadow: 3px 3px 10px #8888; } </pre> Die Werte …“) |
|||
| Zeile 3: | Zeile 3: | ||
.schatten | .schatten | ||
{ | { | ||
| − | box-shadow: 3px 3px 10px # | + | box-shadow: 3px 3px 10px #888; |
| − | -webkit-box-shadow: 3px 3px 10px # | + | -webkit-box-shadow: 3px 3px 10px #888; |
| − | -moz-box-shadow: 3px 3px 10px # | + | -moz-box-shadow: 3px 3px 10px #888; |
} | } | ||
</pre> | </pre> | ||
Version vom 8. Februar 2012, 22:11 Uhr
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');
}
