CSS3 box-shadow Eigenschaft
Beispiele
Zusätzlich zu den div-Element Schatten:
{
box-shadow: 10px 10px 5px #888888;
}
Versuchen »
Am Ende dieser Seite finden Sie weitere Beispiele.
Browser-Unterstützung
Die Zahlen in der Tabelle stellen die erste Browser die Versionsnummer der Immobilie zu unterstützen.
Unmittelbar im Anschluss an die digitale -webkit-, -MS- oder vor zur Unterstützung der Präfix Attributnummer erste Browser-Version -moz-.
| Immobilien | |||||
|---|---|---|---|---|---|
| border-image | 10,0 -webkit- | 9.0.0 | 4,0 (2,0) [3] 3.5 (1.9.1) -moz | 5,1 [1] 3.0 -webkit | 10,5 [1] -o- |
Attributdefinitionen und Anweisungen
box-shadow Eigenschaft kann einen oder mehrere der Schlagschatten-Box-Set.
| Standard: | keiner |
|---|---|
| Vererbung: | keine |
| Version: | CSS3 |
| JavaScript-Syntax: | Objekt .style.boxShadow = "10px 10px 5px #888888" |
Grammatik
Hinweis: boxShadow Eigenschaft hinzufügen eine oder mehrere Schlagschatten auf den Rahmen.Das Anwesen ist eine durch Kommata getrennte Liste von Schatten, die jeweils durch eine 2-4 Längenwerte im Schatten, eine optionale Farbwert und einem optionalen Einsatz Schlüsselwort angegeben. Längenwert Weglassen ist 0.
| Wert | Erklärung |
|---|---|
| h-Schatten | Erforderlich. Position des horizontalen Schatten. Lassen negativ |
| v-Schatten | Erforderlich. Die vertikale Position des Schattens. Lassen negativ |
| verwischen | Optional. Fuzzy Entfernung |
| Verbreitung | Optional. Die Größe des Schattens |
| Farbe | Optional. Schattenfarbe. In den CSS-Farbwerte eine vollständige Liste der Farbwerte zu finden |
| Einsatz | Optional. Aus dem Schatten der äußeren Schicht (am Anfang), um den Schatten inneren Schatten zu ändern |
Online Beispiele
Bild drehen
Dieses Beispiel zeigt, wie ein "polaroid" Fotos zu erstellen und das Bild drehen.
In Verbindung stehende Artikel
CSS3 Tutorial: CSS3 Borders