Hemen Uygulamanın nasıl Yapılacağına Geçelim;

öncelikle bir div oluşturalım ve css özellikleri belirleyelim
divin üzerine gelindiğinde zoom işlemi yapılması için css kodlarını yazalım

img Classlı bir div oluşturuyoruz ve daha sonra css özelliklerini belirliyoruz





.img{
border-radius: 10px;
width: 640px;
height: 360px;
background: url('http://bilalisler.net/wp-content/uploads/b7d429db6a1.jpg');
background-size: 100% auto;
background-position: 50% 50%;
transition: background-size .5s;
margin: 0 auto;
}



bunlardan sonra .img classının üzerine gelince resmin boyutlarını değiştirmemiz lazım


.img:hover {
background-size: 250% auto;
}

[FONT="Comic Sans MS"]Daha fazlası için web sitemi ziyaret ediniz..

[/FONT]