27 Mart 2013 Çarşamba

CSS Filtreler İle Resimlere Zoom Efekti Verme



CSS Filtreler İle Resimlere Zoom Farklı Efekti VermeBu yazımda sizlere Css Filtre ile resimlere zoom efekti vermeyi göstereceğim. Herkes bu kodu arıyor bende baya uzun süre aramıştım ama sonunda buldum bende sizlerle paylaşmak istedim. Hemen anlatıma geçeyim.





İlk olarak şablondan aşağıdaki kodu buluyoruz.

]]></b:skin>


Yukarıdaki Kodu bulduktan sonra hemen üstüne 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); }

0 yorum:

Yorum Gönder