mozilla
Vos résultats de recherche

    perspective

    Cette fonction est expérimentale
    Puisque cette fonction est toujours en développement dans certains navigateurs, veuillez consulter le tableau de compatibilité pour les préfixes à utiliser selon les navigateurs.
    Il convient de noter qu'une fonctionnalité expérimentale peut voir sa syntaxe ou son comportement modifié dans le futur en fonction des évolutions de la spécification.

    Résumé

    La propriété CSS perspective détermine la distance entre le plan z=0 et l'utilisateur dans le but de donner du relief à un élément positionné en trois dimensions. Chaque élément en trois dimensions qui est situé entre le plan z=0 et l'utilisateur est agrandi , tandis que ceux situés dans le domaine z<0 sont réduits. L'amplitude de la déformation est définie par cette propriété.

    Les parties des éléments trois dimensions qui sont derrière l'utilisateur, c.-à-d. que la coordonnée en z est plus grande que la valeur de la propriété CSS perspective CSS, ne sont pas affichés.

    Le point de fuite est placé au centre de l'élément par défaut, mais sa position peut facilement être modifiée en utilisant la propriété perspective-origin.

    Utiliser cette propriété avec une valeur différente de 0 et none créé un nouvel empilement de couches.

    • Valeur initiale none
    • S'applique à éléments transformables
    • Héritée non
    • Pourcentages
    • Média visual
    • Valeur calculée la longueur absolue ou le mot-clé none
    • Animable oui, comme une longueur
    • Ordre canonique l'ordre unique et non-ambigu défini par la grammaire formelle

    Syntaxe

    Syntaxe formelle : none | <length>
    perspective: none     ou
    perspective: depth
    

    Valeurs

    none
    Est un mot-clé indiquant qu'aucune transformation de perspective ne doit être appliquée.
    depth
    Est une <longueur> donnant la distance entre l'utilisateur et le plan z=0. Elle est utilisée pour appliquer une transformation de perspective à l'élément et à sont contenu. Si la valeur est négative ou est 0, aucune transformation de perspective n'est appliquée.

    Exemples

    perspective:150px; perspective:300px; perspective:600px;
       
    1
    2
    3
    4
    5
    6
       
    1
    2
    3
    4
    5
    6
       
    1
    2
    3
    4
    5
    6

    Spécifications

    Spécification Statut Commentaire
    CSS Transforms Level 1 Working Draft  

    Compatibilité des navigateurs

    Fonction Chrome Firefox (Gecko) Internet Explorer Opera Safari (WebKit)
    Support de base 12-webkit 10 (10)-moz
    16 (16)
    10 Pas de support (Oui)-webkit
    Fonction Android Firefox Mobile (Gecko) IE Phone Opera Mobile Safari Mobile
    Support de base 3.0-webkit 10.0 (10)-moz
    16.0 (16)
    ? Pas de support (Oui)-webkit

    Voir également

    Étiquettes et contributeurs liés au document

    Étiquettes : 
    Contributors to this page: teoli, FredB, mib_6025
    Dernière mise à jour par : teoli,
    Masquer la barre latérale