manuel de référence CSS

règles CSS @RULES

大全 des propriétés CSS

CSS3 perspective-propriété origin page CSS-break-propriété inside

CSS3 Méthode d'utilisation et exemple de l'attribut perspective

L'attribut CSS perspective définit la perspective de visualisation de tous les éléments enfants de l'objet. Il détermine généralement la distance entre le plan Z = 0 et le visualiseur, de sorte que3d positionne l'élément avec un sentiment de profondeur. Chaque Z > 0 de3L'élément D devient plus grand, tandis que chaque Z < 0 de3D元素变得更小。

L'élément D devient plus petit.

Le tableau suivant décrit l'utilisation et l'historique des versions de cette propriété, ainsi que la syntaxe d'utilisation de cette propriété dans le script JavaScript.}	none
Valeur par défaut :	Appliqué à :
Éléments transformables	Héritage :
Non	Animable :Oui. Veuillez consulter。
Attributs d'animation	CSS3Version :
Nouvelle fonction JavaScript :	object.style.perspective=500

Syntaxe d'utilisation de Perspective

La syntaxe de cet attribut est la suivante :

perspective:　length　|　none　|　initial　|　inherit

Les exemples suivants démontrent comment utiliser la propriété perspective.

Exemple

.container　{
　　　　width:　125px;
　　　　height:　125px;
　　　　perspective:　500px;
　　　　border:　4px　solid　#e5a043;
　　　　background:　#fff2dd;
}
.transformed　{
　　　　-webkit-transform:　translate3d(25px,　25px,　50px);　/*　Chrome,　Safari,　Opera　*/
　　　　transform:　translate3d(25px,　25px,　50px);　
}

Testez pour voir‹/›

Valeur de l'attribut

Le tableau suivant décrit les valeurs de cette propriété.

Valeur	Description
length	Indiquer la valeur de la profondeur de la vue. Si c'est 0 ou un nombre négatif, ne pas appliquer la transformation de perspective.
none	Ne pas appliquer la transformation de perspective. C'est la valeur par défaut.
initial	Définir cette propriété à sa valeur par défaut.
inherit	Si spécifié, l'élément lié utilise la valeur de la propriété perspective de son élément parent.

Compatibilité du navigateur

La compatibilité du navigateur pour la propriété perspective, les numéros dans le tableau suivant représentent la version minimale du navigateur qui prend en charge cette propriété ; tous les navigateurs populaires prennent en charge cette propriété.

	Firefox 10+ ^-moz-，16 + Google Chrome 12+ ^-webkit-，36+ Internet Explorer 10+ Apple Safari 4.0.3+ ^-webkit- Opera 15+ ^-webkit-，23+

Pour en savoir plus

Veuillez consulter les tutoriels suivants :CSS3 3Transformation D。

Propriétés associées :perspective-origin，backface-visibility，transform，transform-origin，transform-style。

CSS3 perspective-propriété origin page CSS-break-propriété inside