Wikizone - Benutzerbeiträge [de]

CSS - Snippets

2012-02-08T21:11:44Z

94.216.240.77: /* Schatten */

== Schatten ==
<pre>
.schatten
{
box-shadow: 3px 3px 10px #888;
-webkit-box-shadow: 3px 3px 10px #888;
-moz-box-shadow: 3px 3px 10px #888;
}
</pre>

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.

<pre>
.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');
}
</pre>

CSS - Snippets

2012-02-08T21:04:38Z

94.216.240.77: 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 …“

== 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 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.

<pre>
.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');
}
</pre>

CSS

2012-02-08T21:00:13Z

94.216.240.77: /* Infos zu Stylesheets / CSS */

== Infos zu Stylesheets / CSS ==
[[CSS - Snippets]]

[[CSS - Namenskonventionen für Stylesheets]]

[[CSS Navigation]]

[[CSS - Hacks]]

[[CSS - Positionierung]]

[[CSS - Float]]

[[CSS - Tipps & Tricks]]

[[CSS - Baukasten]]

== Links ==