Apparition et décalage d'une image

**d3LTa7** · 29/04/2021, 16h54

Bonjour,

J'aimerais faire apparaitre une image puis la décaler en même temps ! J'ai réussis à faire cela sauf que l'image revient à son point initiale et je ne veux pas !
Il doit me manquer un petit détail !! Merci

D'ailleurs ce qui est curieux c'est que l'image se décale sur la gauche alors que j'ai mis right

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
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
 
.avatar_perso{
    position: relative;
    min-width: 50%;
    display: flex;
    justify-content: center;
    animation: fadeIn ease 1s;
    -webkit-animation: fadeIn ease 3s;
    -moz-animation: fadeIn ease 3s;
    -o-animation: fadeIn ease 3s;
    -ms-animation: fadeIn ease 3s;
 
}
@keyframes fadeIn {
    0% {
        opacity:0;
        right: 10px;
    }
    100% {
        opacity:1;
        right: 100px;
    }
}
 
@-moz-keyframes fadeIn {
    0% {
        opacity:0;
        right: 10px;
    }
    100% {
        opacity:1;
        right: 100px;
    }
}
 
@-webkit-keyframes fadeIn {
    0% {
      opacity:0;
      right: 10px;
    }
    100% {
      opacity:1;
      right: 100px;
    }
}
 
@-o-keyframes fadeIn {
    0% {
      opacity:0;
      right: 10px;
    }
    100% {
      opacity:1;
      right: 100px;
    }
}
 
@-ms-keyframes fadeIn {
    0% {
      opacity:0;
      right: 10px;
    }
    100% {
      opacity:1;
      right: 100px;
    }
}