Ajouter une image au survol de la souris

Bonjour,

J'aimerais insérer une image logo au survol de la souris, mais je n'y parviens pas avec :

<li><a href="#">Connect</a><div class="effet_loupe"><img src="http://dev.cfjparis.com/wp-content/themes/CFJ/images/connectw.png.svg" alt="logo"></div><p class="descriptif">Notre plateforme emploi</p></li>

.effet_loupe:hover{
	display: block;
}

http://codepen.io/crossant/pen/qrLKPo

Bonjour,

Voyons voir:

1 - bien vérifier le nom du fichier. Est-ce un .png ou un .svg?

2 - il faut mettre la balise <img> en display none et mettre le hover sur le .effet_loupe et cibler l'image donc .effet_loupe:hover img -> display: block;

A tester