Blogger Resimlere Zoom Efekti

2 Nisan 2013 Salı tarihinde yazılmıştır.




Aşağıdaki kodlar sayesinde sizde blogunuzdaki resimlere zoom efekti vererek blogunuzu göze hoş gelir hale getirebilirsiniz.Bunun için yapmanız gereken tek şey aşağıdaki kodları blogunuza eklemek.

 geçmeden önce şunu belirteyim, aşağıda verdiğim kodları Şablon > HTML’yi Düzenle dedikten sonra Ctrl+F tuş kombinasyonu yardımıyla kolayca bulabileceğiniz ]]></b:skin> kodunun üstüne ekleyeceksiniz. 

.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); 
}

1 yorum:

  1. Epeydir bu eklentiyi arıyordum çok işime yaradı.

    YanıtlaSil