hello tout le monde, comment allez vous ?

j'ai voulu suivre un exemple sur internet qui montrait comment animé une image d'arrière plan en css.
mais le soucis c'est que mon image ne bouge pas
voici le code css:

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
@keyframes animatedBackground {
	from { background-position: 0 0; }
	to { background-position: 100% 0; }
}
 
#animate-area {
background: #f5f0e0 url(../images/noise3.png);
background-position: 0px 0px;
background-repeat: repeat-y;
animation: animatedBackground 40s linear infinite;
border: 5px solid #7FD0A1;
-moz-border-radius: 50px;
-webkit-border-radius: 50px;
border-radius: 50px;
-moz-box-shadow: 0px 0px 70px #000000;
-webkit-box-shadow: 0px 0px 70px #000000;
box-shadow: 0px 0px 70px #000000;
 
}
savez vous pourquoi l'image ne bouge ?
merci d'avance