Owlcarousel2: White flickering with autoplay, loop and fade

[janannedh]

When you use autoplay and animation fade styles, you will get a white flicker between the last and first element when using a loop.

var owl = $('.owl-carousel');
owl.owlCarousel({
items: 1,
loop: true,
autoplay: true,
autoplayTimeout: 3500,
autoplayHoverPause: true,
transitionStyle: 'fade',
animateIn: 'fadeIn',
animateOut: 'fadeOut'
});

[gideonheilbron]

What if you put this on the 'owl-item': transform: translate3d(0, 0, 0);

[gideonheilbron]

I tested the slider with above settings and experienced the same problem. Using my solution (mentioned above) the problem is fixed :)

[jmarceli]

I can confim the issue and the solution. Thanks for that.

[Cedric-ruiu]

+1 (issue & solution)

[brunogc]

I experienced the same issue.
Thanks for the solution!

[paulmist]

+1 for both issue and solution

[Emnalyeriar]

Thanks, this worked for as well!

[jdgrieco]

+1 for both !! Thanks @gideonheilbron

[Jishnuparakkat]

For me custom transition is not working between last and first slide in owl carousel kindly help me to solve this issue
i'm using version 2.0 and in that i'm using center mode

[Jishnuparakkat]

'owl-item': transform: translate3d(0, 0, 0);
i tried this but it's not working good for me

[gideonheilbron]

This fix is not for the issue you are currently experiencing. I suggest opening a new issue.