Exemple
Définir la perspective d'où un élément est considéré:
document.getElementById("myDIV").style.perspective = "50px";
Essayez vous - même » Définition et utilisation
La propriété en perspective définit le nombre de pixels d'un élément 3D est placé de la vue. Cette propriété vous permet de changer la perspective sur la façon dont les éléments 3D sont considérés.
Lors de la définition de la propriété en perspective d'un élément, ce sont les éléments enfants qui obtiennent la vue en perspective, pas l'élément lui-même.
Note: La propriété en perspective ne concerne que des éléments transformés en 3D!
Tip: Utilisez cette propriété avec la perspectiveOrigin propriété, ce qui vous permet de changer la position inférieure des éléments 3D.
Support du navigateur
La propriété en perspective est prise en charge dans IE10 + et Firefox.
Chrome, soutiennent Safari et Opera une alternative, la propriété WebkitPerspective.
Syntaxe
Retourne la propriété en perspective:
object .style.perspective Définissez la propriété en perspective:
object .style.perspective=" Valeurs de propriété Valeur La description length Dans quelle mesure l'élément est placé du point de vue none Valeur par défaut. Identique à 0. La perspective n'est pas réglé 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: aucun Valeur de retour: Une chaîne, ce qui représente la propriété en perspective d'un élément version CSS CSS3
Pages associées
Style JavaScript Objet: perspectiveOrigin property
Référence CSS: la perspective property
<Style objet