Animation horizontal limité

chindou
Les bases HTML/CSS

Bonjour, à tous,
Je suis en train d’apprendre les langages web html5 et CSS en ligne. J’ai appris quelques notions en mais je suis toujours un débutons.
Et j'ai comme travail de crée ma propre page web (un test) mais j’ai rencontré une difficulté pour réaliser une animation que j’ai beaucoup insisté.
L’animation : c’est faire bouger une image (icone up) allé & retour horizontalement sur un parcours bien défini (J’ai trouvé cette idée sur le site MathEnPoche [http://mathenpoche.sesamath.net/] ) j’ai inspecté le code source de la page mais je n’arrive pas à réaliser cette animation.
Avez-vous une idée de comment faire
Merci pour vos aides
Cordialement

2 réponses

MrCastor

Salut,
Si tu veux réaliser cette animation en html / css, regarde du côté des keyframe (tu trouveras pleins de tutos sur google)

@keyframes tonanimation {
    0% {left: 0}
    10% {left: 10%}
    ....
    100% {fin de ton animation}
}
chindou
Auteur

Bonjour,
Grand merci à toi Marcastor