Slt à tous j'aimerai réaliser l'effet sur l'image ci-dessus en javascript. J'ai une div à l’intérieur de laquelle il y'a un titre, une image et un bouton et lorsqu'on survol la div avec la souris l'effet sur l'image se produit: un fond transparent avec du texte au dessus. le plus compliqué dans la chose c'est que l'effet commence à partir de l'image pour remonté jusqu'au titre sans débordé l'image. J'ai beau cherché fatiguer j'ai pas trouvé comment réaliser cela. Svp j'ai besoin d'aide suis débutant en javascript.

<div>
<h4> titre ici </h4>
<img src="http://source/image" alt="" />
<input type="button" value="valider"> 
</div>