Estoy usando Swiper js para diapositivas en la página. cada diapositiva tiene otro elemento de imagen colocado una parte dentro de la imagen de la diapositiva y una parte fuera de ella. por lo tanto, cada vez que la diapositiva cambia, se puede ver la parte exterior de la diapositiva.
Intenté usar overflow: hidden
para diferentes clases de swiper js pero no funcionó.
Aquí está el enlace que puede consultar el control deslizante: https://project-instock.netlify.app/index1.html#0
Lo hice agregando fadeEffect: { crossFade: true, }
.
Inicialmente, el guión era
var swiper = new Swiper('.mySwiper5', { effect: 'fade', centeredSlides: true, pagination: { el: '.swiper-pagination', clickable: true, }, autoplay: { delay: 7000, disableOnInteraction: false, }, });
Que tiene habilitado el efecto de desvanecimiento pero no mencionó el tipo de desvanecimiento.