marc2023

Thanks for your response. With this addition, I don't see any change regarding the related issue. But since you pointed out that it's a Swiper's CSS issue, I tried the "cssMode" parameter from Swiper API: When enabled it will use modern CSS Scroll Snap API. It doesn't support all of Swiper's features, but potentially should bring a much better performance in simple configurations. Setting this parameter to true and using a faster animation duration (the 3 seconds of the first Codepen were just for debugging purposes) seems to work, not perfect as possible, but it works. I've copied a new Codepen with the result: https://codepen.io/marcespanol/pen/yLZmdre

Hello, I'm attempting to create a "pseudo lightbox" using Swiper and GSAP. When the user clicks on the Swiper slides, the Swiper transforms and occupies the entire screen. Once transformed, if the user clicks again, the Swiper returns to its initial values. The issue is that, sometimes, during the transform animation, the images within the Swiper start shaking. Rarely this problem occurs on the first slide. Therefore, please navigate through the slider to observe the "bug." Thanks in advance.