Merhaba arkadaşlar bloguma yeni koyduğum eklentiyi sizinle paylaşmak istedim. Bir çok eklentiyi siz değerli takipçilerim ile paylaşmaya başlamıştım bugünkü yazımda ise sizlere blogumda aktif olarak kullandığım ve resimlerin üzerine gelince hafif büyüyen yani zoom efektinin nasıl yapıldığını ve nasıl kullanabileceğinizi anlatacağım. Kullanımı ve kurulumu oldukça basit olan bu eklenti ile sizde blogunuza zarif ve güzel bir görüntü sağlayacaksınız. Bu yazımda Blogger altyapısında olan bloglar için nasıl kullanıldığını anlatacağım.
Öncelikle Aşağıdaki Kodu CTRL+F Yardımı ile bulalım.
]]></b:skin>
Bulduktan Sonra Hemen Üstüne Aşağıdaki Kodları Ekleyelim.
.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);
}
Hepsi bu kadar arkadaşlar artık resimlerinizin üstüne gelindiğinde zoom efekti aktif olarak kendini göstermeye başlayacak, yapamayan arkadaşlar yorum formunu kullanırlarsa yardımcı olurum. Görüşmek üzere.
Yorum Gönder