Déplacement d'un calque en CSS

Bonjour
Je souhaite déplacer un calque jusqu'à un point précis.
J'ai trouvé un code sur un autre site, mais je n'arrive pas à le modifier pour que le calque reste à droite à la fin de son déplacement !
Quelqu'un peut-il m'aider ?
Merci !

Bonjour,

il faut ajouter forwards à la fin.
Un exemple ici (solution 2) : http://codepen.io/jreaux62/pen/epQzKg

Voir aussi : Glossaire des propriétés CSS - Propriétés de transformation et d'animation (CSS 3)

[EDIT] En lisant ton lien, il faut en effet tout modifier :

Code:

---

1 2 3 4 5 6 7 8 9 10

@keyframes redBox { 0% { left: 10px; } 100% { left: 400px; } } #boite { background-color: red; position: relative; width: 100px; height: 100px; /* animation */ animation:redBox 5s linear 0s 1 forwards; }

---

N.B. Penser à ajouter tous les préfixes (-moz-, -webkit-,...) nécessaires à la compatibilité des navigateurs.