Attribut perspective-origin de CSS

Définition et utilisation

L'attribut perspective-origin définit les axes X et Y sur lesquels se repose l'élément 3D. Cet attribut permet de changer la position inférieure de l'élément 3D.

Lorsque l'attribut perspective-origin est défini pour un élément, ses éléments enfants obtiennent l'effet de perspective, et non l'élément lui-même.

Remarque :Cette propriété doit être utilisée avec perspective l'attribut est utilisé avec d'autres attributs et ne影响了3D transformé éléments.

Voir également :

Tutoriel CSS3 :Transformation 3D CSS3

Manuel HTML DOM :perspectiveOrigin attribut

Exemple

Définir la position de repère de l'élément 3D :

div
{
perspective:150;
perspective-origin: 10% 10%;
}

Essayer vous-même

Syntaxe CSS

perspective-origin: x-axis y-axis;

Valeur de l'attribut

Valeur Description
x-axis

Définit la position de la vue sur l'axe x. Valeur par défaut : 50%.

Valeurs possibles :

  • left
  • center
  • right
  • length
  • %
y-axis

Définit la position de la vue sur l'axe y. Valeur par défaut : 50%.

Valeurs possibles :

  • top
  • center
  • bottom
  • length
  • %

Détails techniques

Valeur par défaut : 50% 50%
Héritabilité : non
Version : CSS3
Syntaxe JavaScript : object.style.perspectiveOrigin="10% 10%"

Prise en charge du navigateur

Les numéros dans le tableau indiquent la première version du navigateur qui prend en charge cette propriété complètement.

Chrome IE / Edge Firefox Safari Opera
36.0
12.0 -webkit-		 10.0 16.0
10.0 -moz-		 9.0
4.0.3 -webkit-		 23.0
15.0 -webkit-