CSS - Snippets: Unterschied zwischen den Versionen
Aus Wikizone
| Zeile 3: | Zeile 3: | ||
.schatten | .schatten | ||
{ | { | ||
| − | box-shadow: 3px 3px | + | box-shadow: 3px 3px 5px #888; |
| − | -webkit-box-shadow: 3px 3px | + | -webkit-box-shadow: 3px 3px 5px #888; |
| − | -moz-box-shadow: 3px 3px | + | -moz-box-shadow: 3px 3px 5px #888; |
} | } | ||
</pre> | </pre> | ||
| − | Die Werte bezeichnen: | + | Die Werte bezeichnen: Versatz in x-Richtung, y-Richtung, den Wert für das Weichzeichnen und natürlich die Schattenfarbe. |
'''Schatten auf alten IE''' | '''Schatten auf alten IE''' | ||
Version vom 16. Februar 2012, 16:44 Uhr
Schatten
.schatten
{
box-shadow: 3px 3px 5px #888;
-webkit-box-shadow: 3px 3px 5px #888;
-moz-box-shadow: 3px 3px 5px #888;
}
Die Werte bezeichnen: Versatz in x-Richtung, y-Richtung, 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');
}
