Le meilleur didacticiel CSS3 propriété perspective d'origine en 2024, dans ce didacticiel, vous pouvez apprendre Exemples,support du navigateur,Définition des attributs et des instructions,grammaire,

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
  • %
CSS3 propriété perspective d'origine
10/30