28172 sujets

CSS et mise en forme, CSS3

Administrateur
Hello,

Voici la partie de code concernée :
.content{
    position: relative;
    display: grid;
    grid-template-columns: repeat(11, 1fr);
    grid-template-rows: repeat(4, 1fr);
    grid-template-areas: "one . . . . . .  six . . ."
                         ". . . two . . sept . . three ."
                         ". . . . . . . . . . . " 
                         ". . . four . . five . . . ."
                        ;
     width: 100vw;      
    height: 100vh;  
    overflow: hidden; 
    background-color:#f5f5dc;
    animation: retro 8s ease-in;      
}
...
@keyframes retro{
    to{
        transform: scaleX(.9);
    }
}

Il te suffit donc de commenter la règle "animation: retro 8s ease-in;" pour ne pas lancer cette animation de scale.

Bonne journée !
Bonsoir Raphael

Merci de prendre la peine de me répondre.A priori vous ne m'avez pas compris.
Le but n'est pas d'annulez l'effet du scale .
si vous regarder bien vous remarquez que la derniere animation du slideUp au debut il ya un scale .dans mon code il s'agit de l'élément ayant la classe .intro

C'EST UNIQUEMENT SUR CET ELEMENT QUE LE SCALE NE DOIT PAS S'APPLIQUER il doit simplement slider vers le haut.