28172 sujets

CSS et mise en forme, CSS3

Bonjour tout le monde,

Je suis à la recherche d'une information concernant l'animation d'une image en CSS.
J'ai une image de ce type :

http://www.pixeden.com/media/k2/galleries/91/001-hang-hanging-note-sign-wood-paper-psd.jpg

J'ai une petite pancarte et j'aimerai qu'elle se balance de droite à gauche (ou alors de gauche à droite si vous voulez Smiley lol ) doucement.
Je ne veux pas que l'animation s'affiche lors d'un roll-over mais tout le temps, en continu.

Avant je serais allé voir du coté de Flash mais je me dis maintenant avec les possibilités d'animation HTML5 / CSS3 c'est peut-être possible !

Merci à tous pour votre aide !
Modifié par trisateur (12 Nov 2013 - 13:46)
Modérateur
Salut,

Keyframes ;)

<<<EDIT
IE8 - 9 n'aimeront pas. (Donc voir avec le JS -> c'est très faisable)
EDIT;
Modifié par niuxe (12 Nov 2013 - 14:27)
Merci pour les réponses !
C'est ok pour moi, quelques keyframes avec un transform:origin et le tour est joué

;)
Modifié par trisateur (14 Nov 2013 - 09:47)
salut,
les keyframes sont relativement récents et ne feront pas profiter IE9. La meilleure solution reste de passer tout de même par JS où tu pourrais même faire fonctionner cette animation sur IE8.
Un exemple tout bête (assez pourri Smiley biggrin ).