Changer une image quand la souris passe dessus

Bonjour,

je voudrais changer une image lorsque la souris passe dessus.
Avec "hover", la nouvelle image se met à scintiller, à trembler.

Savez vous comment faire? Sans utiliser JS.
Merci pour votre aide.

Bonjour,

Tu devrais préciser un peu plus ce que tu essaies de faire et montrer du code.

Est-ce de grandes images ou simples icônes? CSS sprites, ça te parles?

http://www.w3schools.com/css/css_image_sprites.asp

Si tu pouvais nous recréer ton problème sur codepen ou jsfiddle cela serait bien.

à l'arrache , j'ai pas ton erreur http://codepen.io/JUSEN/pen/XKLwmj

Salut,

tu peux t'inspirer de ça pour l'effet tremblement :

http://fiddle.jshell.net/sunnypmody/8gdEr/

bonne chance

Bonjour Abeille,

Si ça scintille, j'ai envie de penser en premier lieu que la zone cible n'est pas 'stable' pour le navigateur. On peut obtenir ce problème en se trouvant à la lisière entre deux espaces : le curseur oscille entre ces deux zones provoquant le scintillement des effets animés.

Voici par exemple deux manières de modifier une image au survole.
N'hésite pas à effectuer à ton tour une simulation de ton cas si besoin.

https://codepen.io/auredud/pen/mEkYVj
Modifié par erwan21a (26 Aug 2016 - 10:33)