Merhaba Arkadaşlar.
Şimdi sizlere güzel ve yararlı bir kod tanıtacağım.Bu kod ile siteniz'deki resimlere "zoom efekti" verebileceksiniz.
Siteye Nasıl Eklenir
Blogger'a ekleyecekseniz Şablon > HTML'yi Düzenle > Widget Şablonunu Genişlet > diyerek CTRL + F yapıyoruz ve ]]> bu kodu şablonda aratıyoruz. Bulduktan sonra üzerine aşağıda vermiş olduğum kodları ekliyoruz.
Zoom Efekti Verme Kodu
.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); }
Uyulu Platforumlar
Uyulu Tarayıcılar
0 yorum:
Yorum Gönder