CSS3 propriété perspective d'origine

Exemples

Définition d'un emplacement 3D de base de l'élément:

div
{
perspective: 150;
perspective d'origine: 10% 10%;
-webkit-perspective: 150; / * Safari et Chrome * /
-webkit-perspective d'origine: 10% 10%; / * Safari et Chrome * /
}

Essayez »

support du navigateur

Les chiffres du tableau représentent le premier navigateur pour soutenir le numéro de version de la propriété.

Immédiatement après la -webkit- numérique, -ms- ou -moz- il y a à l'appui du préfixe d'attribut premier numéro de version du navigateur.

属性
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-

Définition des attributs et des instructions

Axe X et l'axe Y perspective origine définition de propriété élément 3D est basé. Cette propriété vous permet de changer la position du fond des éléments 3D.

perspective -Origin définition de l'attribut, qui est un enfant d'un élément, la perspective, et non pas l'élément lui-même.

Remarque: Pour les utilisateurs de Chrome et Safari: Afin de mieux comprendre le point de vue attribut!

Pour les utilisateursdeChrome et Safari:Afindemieux comprendre l'attribut perspective-Origin, voir l' exemple de la vue .

Par défaut: 50% 50%
Héritage: aucun
Version: CSS3
Syntaxe JavaScript: objet .style.perspectiveOrigin = "10% 10%"


grammaire

perspectived'origine: axe x yaxe des x;

valeur description
abscisse

La vue est définie dans la position de l'axe x. Valeur par défaut: 50%.

Valeurs possibles:

  • gauche
  • centre
  • droit
  • longueur
  • %
l'axe y

La définition de la position de point de vue dans l'axe des ordonnées. Valeur par défaut: 50%.

Valeurs possibles:

  • haut
  • centre
  • bas
  • longueur
  • %