CSS Filtreler İle Resimlere Zoom Efekti Verme

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