nolimits4web / swiper

Most modern mobile touch slider with hardware accelerated transitions
https://swiperjs.com
MIT License
39.58k stars 9.75k forks source link

When using coverflow in Firefox 58.0 the transition is not smooth. #2459

Closed marten83 closed 6 years ago

marten83 commented 6 years ago

This is a (multiple allowed):

What you did

var swiper = new Swiper('.swiper-container', {
      effect: 'coverflow',
      grabCursor: true,
      centeredSlides: true,
      slidesPerView: 'auto',
      coverflowEffect: {
        rotate: 50,
        stretch: 0,
        depth: 100,
        modifier: 1,
        slideShadows : true,
      },
      pagination: {
        el: '.swiper-pagination',
      },
    });

Expected Behavior

When using "coverflow" in other browser than Firefox for example Chrome the transition between slides is smooth and work as expected.

Actual Behavior

In Firefox (58.0) the transition is choppy. The same behavior occurs on your own "topslider" at: http://idangero.us/swiper/. The first slides is fine but after some transition the problem starts. This was working fine before updating Firefox to 58.0

nolimits4web commented 6 years ago

Issue with FF itself, something got broken in it. If you disable 3d-related CSS rules, it works normal, but without 3d effect