[Problème] Zoom d'image en css

[Visiteur]

Slt

Pour le zoom d'image je voudrais faire avec ce code CSS (trouve dans cet article du JCM) :

.zoom:hover {
	-moz-transform: scale(2.0);
	-webkit-transform: scale(2.0);
	-o-transform: scale(2.0);
	-ms-transform: scale(2.0,2.0);
	-webkit-transition: all 500ms ease-in-out;
	-moz-transition: all 500ms ease-in-out;
	-o-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out;
	-webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.5);
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.5);
	position: relative;
	z-index: 50;
}

Mais quant l'image s'agrandit elle n'est pas net. A la base l'image fait 2362x1575 pour une resolution de 150dpi. Je l'enregistre a 300x200 mais sans changer la resolution, pour justement garder un minimum la qualite de l'image.

Merci d'avance pour vos lumieres.