Ads-Reklam
Bu yazımda sizlere , blogunuzdaki resimlere zoom efekti nasıl verebileceğinizi anlatacağım.Benimde blogumda kullandığım bu eklenti görsellik açısından göze çok hoş gelen bir blogger eklentisidir.Yapacağımız işlem çok basit bir kod eklemesidir.Aşağıdaki adımları dikkatlice uygularsanız hiç bir problem olmayacaktır.
Şablon > HTML’yi Düzenle yolunu izleyerek Ctrl+F kombinasyonu yardımıyla ]]></b:skin> kodunu buluyoruz.Bulduğumuz bu kodun hemen üzerine gelecek şekilde aşağıda vermiş olduğum kodları yapıştırıyoruz.
Eklentinin demosu için bu konudaki ve blogdaki diğer konulara ve resimlere göz atabilirsiniz :)
.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);
}