Blogger CSS İle Resmin Üzerine Gelince Büyüsün.

Blogger CSS İle Resmin Üzerine Gelince Büyüsün. İçin Etkili Aramalar : Blogger Eklentileri Merhaba arkadaşlar ben doğukan aksoy. Bugün sizlere css kodlarıyla resimin üzerine gelince resmin büyümesini yani zoom efektini anlatacağım.

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

Evet şimdi kaydediyoruz. Ve bloğumuzdaki resimlere css ile zoom efekti verdik.