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

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.

Cuma, Ağustos 30, 2013