Comment estomper les images d'arrière-plan à l'aide de jQuery?

Question

Je souhaite que l'image d'arrière-plan change de forme et disparaisse dans le processus. Considérez ceci pour une situation mouseover/mouseout.

Comment estomper les images d'arrière-plan à l'aide de jQuery?

Existe-t-il un plugin jQuery dont j'ai besoin?

Answer 1

Il pourrait y avoir quelque chose de disponible, mais il devrait être facile à assembler des pièces suivantes:

• Utilisez le hover pseudo event pour vérifier lorsque la souris entre et sort un élément.
• Utilisez fadeIn et fadeOut pour modifier l'opacité d'un élément.
• Créer un div avec position:absolute et mettre deux images à l'intérieur avec position:relative. Cela fera empiler les images les unes sur les autres