Les Transformations

Structure de base d'une page HTML5

Définition et utilisation

    
        la Transform propriété applique yne transforamtion 2D ou 3D à un élément.
        Cette propriété vous permet de faire pivoter, mettre à l'échelle, déplacer,
        incliner, etc., des éléments.
    

Exemple

    
        
        div.a {
            transform: rotate(20deg);
        }

        div.b {
            transform: skewY(20deg);
        }

        div.c {
            transform: scaleY(1.5);
        }
        
    

Transform-origin

    
        
        div.a {
            transform: rotate(45deg);
            transform-origin: 20% 40%;
        }

        
    

Transform-style

    
        
        div.a {
            transform: rotateY(60deg);
            transform-style: preserve-3d;
        }