Bonjour,
Je bute sur l'animation d'un bouton qui devrait être caché au départ puis se déployer de droite vers la gauche lorsque je survole la div parente. J'ai positionné en absolute mon bouton (qui contient aussi une icône de "cochée" à l’intérieur) et utilisé scaleX entre 0 et 1 mais j'ai le bouton qui part toujours de gauche vers la droite et j'arrive pas à lui faire changer d'avis 😉 !!! j'ai essayé avec scaleX(-1) mais ça ne marche toujours pas ... any idea ??

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
 
 
.box {
    transform-origin: 100%;
    //display:none;
    background-color: $btn_new;
    border-radius: 0 20px 20px 0;
    //color: $btn_new2;
    visibility: hidden;
    transform: translateX(0);
    transition: transform 1000ms;
    .check {
        position: absolute;
        right: 30%;
        top: 35%;
        width: 3em;
        height: 100%;
        transform: rotate(-360deg);
        transition: transform 1500ms ease-in-out;
    }
}
 
.menus {
    cursor: pointer;
    &:hover .box {
        //display: block;
        transform: translateX(-2em);
        visibility: visible;
        .check {
            transform: rotate(0deg);
        }
    }
}