Owl Carousel 2 ve Animte CSS İçin Fade Flickering Sorunu Fixi

Slider ya da karoselde fade effect kullandığınız zaman, sık sık olmasa da geçişler esnasında küçük bir beyaz kısım görürsünüz. Bu olaya flickering (göz kırpma) denir. Bu sorun gebelde WebKit tabanlı tarayıcılarda (Google Chrome, Safari vs.) yaşanmaktadır. Çözüm için aşağıdaki CSS kodunu kullanabilirsiniz.

.owl-item {
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0) scale(1.0, 1.0);
}

Yukarıda önemli olan kısım geçiş sırasında translateZ etkisini sıfırlamaktır. Bu çözüm sınıf adı değiştirilerek BX Slider ve diğer Animate.css temelli javascript eklentileri için de kullanılabilir.

Makale Tarihi: 14.03.2016 Gücellenme Tarihi: 22.02.2018

Yorum Yaz

Yorumlarınız denetimden geçtikten sonra yayınlanmaktadır...