Exemple
Définissez un placement de base de l'élément 3D:
document.getElementById("myDIV").style.perspectiveOrigin = "10px 50%";
Essayez vous - même » Définition et utilisation
La propriété perspectiveOrigin définit l'endroit où un élément 3D repose dans la direction x et l'axe y. Cette propriété vous permet de changer la position inférieure des éléments 3D.
Lors de la définition de la propriété perspectiveOrigin pour un élément, ce sont les éléments enfants qui sont positionnés, pas l'élément lui-même.
Note: Cette propriété doit être utilisée conjointement avec la perspective propriété, et seulement affecte des éléments 3D transformé!
Support du navigateur
La propriété perspectiveOrigin est pris en charge dans IE10 + et Firefox.
Chrome, Safari et Opera soutiennent une alternative, la propriété WebkitPerspecitveOrigin.
Syntaxe
Retour la propriété perspectiveOrigin:
object .style.perspectiveOrigin Définissez la propriété perspectiveOrigin:
object .style.perspectiveOrigin=" Valeurs de propriété Valeur La description x-axis Définition de où la vue est placé à l'axe des x Valeurs possibles:
- la gauche
- centre
- droite
- length
- %
Valeur par défaut: 50%
y-axis Définition de où la vue est placé à l'axe des y Valeurs possibles:
- Haut
- centre
- bas
- length
- %
Valeur par défaut: 50%
initial Définit cette propriété à sa valeur par défaut. Lisez à propos initial inherit Hérite cette propriété de son élément parent. En savoir plus sur hériteront
Détails techniques
Valeur par défaut: 50% 50% Valeur de retour: Une chaîne, ce qui représente la propriété d'origine en perspective d'un élément version CSS CSS3
Pages associées
Style JavaScript Objet: perspective property
Référence CSS: la perspective-origin property
<Style objet