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