сделан зумирование картинки на ЦСС
сделал вот так, но сейчас у меня работает зумирование картинки, но
как мне привязать лупу?
что бы при наведении на картинку она не только зумировалась но и проявлялась иконка лупы!
вот код
<style>
.zoom {
margin: auto;
overflow:hidden;
width: 180px;
height:120px;
}
.zoom img {
-moz-transition: all 1s ease-out;
-o-transition: all 1s ease-out;
-webkit-transition: all 1s ease-out;
}
.zoom img:hover{
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-o-transform: scale(1.2);
}
</style>
<div class="zoom"><a href="#"><img width="180" height="120" src="http://thefinishedbox.com/files/freebies/hoverzoom/images/thumbnail-1.jpg" /></a></div>
<div class="zoom"><a href="#"><img width="180" height="120" src="http://thefinishedbox.com/files/freebies/hoverzoom/images/thumbnail-2.jpg" /></a></div>
<div class="zoom"><a href="#"><img width="180" height="120" src="http://thefinishedbox.com/files/freebies/hoverzoom/images/thumbnail-3.jpg" /></a></div>
подскажите
где мне в стилях нужно вставить ссылку на иконку лупы
background-image:url(images/watching_videos.png);