Discussion :

[FikaFika]

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 !

[Invité]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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.