Déplacement d'un calque en CSS

Montres nous ton code déjà qu'on vois où tu en es :)

Ben j'en suis revenue au point de départ vu mes infructueuses tentatives !
Le code c'est celui-ci :

<div id="boite"><p> </p></div>

@-webkit-keyframes redBox {
0% {left: 10px;}
50% {left: 400px;}
100% { left: 10px;}
}
@-moz-keyframes redBox {
0% {left: 10px;}
50% {left: 400px;}
100% {left: 10px;}
}
@keyframes 'redBox' {
0% {left: 10px;}
50% {left: 400px; }
100% {left: 10px;}
}

background-color: red;
position: relative;
width: 100px;
height: 100px;
-webkit-animation: redBox 5s infinite;
-moz-animation: redBox 5s infinite;
animation: redBox 5s infinite;
}

Salut

Ton code marche nickel sur JSFiddle

Que vois-tu dans l'encadré result du lien que je t'ai donné?

Je sais qu'il marche !
Je veux le modifier pour qu'il aille une fois à droite et s'arrête là !
Je ne veux pas qu'il revienne à gauche, ni que ça boucle. Juste une fois de gauche à droite....

@keyframes redBox {
0% {left: 10px;}
100% {left: 400px;}
}

Et tu enlève le infinite

Excuse moi j'avais mal lu la question ^^