ö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]