Blogger Resimlerine Zoom Efekti

Şuan kullandığım resimlere zoom efektini paylaşmak istedim. Peki ne işe yarar bu zoom efekti hemen anlatayım.
Resmi tıklama yapmadan sadece üzerine imleci getirerek daha net bir hale getirerek izlenim yapmamızı sağlar ve imleci üzerinden çektikten sonra tekrar eski haline döner.

1. Adım: Aşağıdaki kodu şablonumuzda buluyoruz.

]]></b:skin>

2. Adım: Yukarıdaki kodun hemen üzerine aşağıdaki kodu ekliyoruz.

.post-body img {  -webkit-transition: all 0.3s ease-in-out;  -moz-transition: all 0.3s ease-in-out;  -o-transition: all 0.3s ease-in-out;  -ms-transition: all 0.3s ease-in-out;  transition: all 0.3s ease-in-out;  }



.post-body img:hover {  -webkit-transform: scale(1.1);  -moz-transform: scale(1.1);  -o-transform: scale(1.1);  transform: scale(1.1);  }

Kaydediyoruz ve artık resimlerimizin üzerine imleci getirdiğimiz zaman resimlerimiz zoom efekti uygulanacak.