Propriété CSS perspective

Définition et utilisation

La propriété perspective définit la distance de l'élément 3D par rapport à la vue, en pixels. Cette propriété vous permet de changer l'angle de vue de l'élément 3D.

Lorsque vous définissez la propriété perspective d'un élément, ses éléments enfants obtiennent l'effet de perspective, pas l'élément lui-même.

Remarque :La propriété perspective affecte uniquement les éléments de transformation 3D.

Avis :Veuillez consulter perspective-origin Utilisez cette propriété avec d'autres attributs pour pouvoir changer la position inférieure de l'élément 3D.

Voir également :

Tutoriel CSS3 :Transformation 3D CSS3

Manuel de référence HTML DOM :Propriété perspective

Exemple

Définir la vue de l'élément où il est vu :

div
{
perspective: 500;
}

Essayez-le vous-même

Syntaxe CSS

perspective: number|none;

Valeur de l'attribut

Valeur Description
number La distance de l'élément par rapport à la vue, en pixels.
none Valeur par défaut. Équivalent à 0. Ne définissez pas de perspective.

Détails techniques

Valeur par défaut : none
Héritabilité : oui
Version : CSS3
Syntaxe JavaScript : object.style.perspective=500

Support du navigateur

Les nombres dans le tableau indiquent la première version du navigateur complètement supportant cette propriété.

Les nombres avec -webkit- ou -moz- indiquent la première version utilisant le préfixe.

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-