bxslider-4
bxslider-4 copied to clipboard
Blurred slide with ticker mode on Chrome.
The slide items get blurred on the Chrome browser when Ticker mode is on. Tried with the following versions but no difference – 4.2.1d 4.2.12 4.2.15
Help will be appreciated.
Hello Shamim Did you find any solution to this issue ?
I used a CSS hack to fix this issue– .item-selector { backdrop-filter: blur(0); }
I used a CSS hack to fix this issue– .item-selector { backdrop-filter: blur(0); }
Thanks for the help i will try it
Same issue here - it's on a slider that's been there for years and suddenly started occurring. I think this is a new issue with a recent Chrome update.
Hi, I got it to work in case anybody has the same problem.
Add a class to your CSS: .bx-fix{will-change: transform;}
than in your js code, where you invoke the slider, add: onSlideBefore:function ($slideElement, oldIndex, newIndex) { $(".bx-mtm").addClass('bx-fix'); }, onSlideAfter:function ($slideElement, oldIndex, newIndex) { $(".bx-mtm").removeClass('bx-fix'); }
where .bx-mtm is my slider wrapper class.