Autoplay easing function with Swiper WebComponents

[fabien-lg]

Hello,

I want to have an infinite, smooth autoplay. I've seen that many users have succeeded by adding this CSS on .swiper-wrapper.

transition-timing-function: linear; 

But in the recent documentation, swiper-wrapper no longer exists.

How can I achieve the same result?

Thanks!

[Arhell]

Try https://open-code.tech/en/post-728/

[fabien-lg]

@Arhell Thanks for the link!

In the meantime, we found a solution. The swiper-wrapper is injected in a Shadow DOM, so we adjusted the injectStyles property:

injectStyles: [
     '.swiper-wrapper { transition-timing-function: linear !important }',
],