CSS3 Perspektive Ursprungseigenschaft
Beispiele
Festlegen eines 3D-Elementbasis Standort:
{
Perspektive: 150;
Perspektive-Herkunft: 10% 10%;
-webkit-Perspektive: 150 / * Safari und Chrome * /
-webkit-Perspektive-Herkunft: 10% 10% / * Safari und Chrome * /
}
Versuchen »
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-.
属性 | |||||
---|---|---|---|---|---|
perspective-origin | 36.0 12.0 -webkit- |
10.0 | 16.0 10.0 -moz- |
9.0 4.0.3 -webkit- |
23.0 15.0 -webkit- |
Attributdefinitionen und Anweisungen
X-Achse und Y-Achse Perspektive Ursprungseigenschaft Definition-3D-Element basiert. Diese Eigenschaft ermöglicht es Ihnen, die Position des Bodens der 3D-Elemente zu ändern.
Perspektive -Ursprung Attributdefinition, die ein Kind eines Elements, Perspektive ist, und nicht das Element selbst.
Hinweis: Für Chrome und Safari - Benutzer: Um das besser zu verstehen Perspektive Attribut!
Für Chrome und Safari - Benutzer:Um die Perspektive-Origin - Attribut besser zu verstehen, finden Sie in der Ansicht Instanz .
Standard: | 50% 50% |
---|---|
Vererbung: | keine |
Version: | CSS3 |
JavaScript-Syntax: | Objekt .style.perspectiveOrigin = "10% 10%" |
Grammatik
Wert | Beschreibung |
---|---|
x-Achse | Die Ansicht wird in der x-Achsen-Position definiert. Standard: 50%. Mögliche Werte:
|
y-Achse | Die Definition der Ansichtsposition in der y-Achse. Standard: 50%. Mögliche Werte:
|