CSS - Snippets: Unterschied zwischen den Versionen
Aus Wikizone
| Zeile 1: | Zeile 1: | ||
| + | == Radius == | ||
| + | |||
| + | Vorsicht bei Bildern. Diese werden nicht beschnitten (Stand 2011) | ||
| + | <pre> | ||
| + | -webkit-border-radius: 40px; | ||
| + | -moz-border-radius: 40px; | ||
| + | border-radius: 40px; | ||
| + | </pre> | ||
| + | |||
== Schatten == | == Schatten == | ||
<pre> | <pre> | ||
Version vom 16. April 2012, 15:52 Uhr
Radius
Vorsicht bei Bildern. Diese werden nicht beschnitten (Stand 2011)
-webkit-border-radius: 40px; -moz-border-radius: 40px; border-radius: 40px;
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');
}
