swiper.jsのエフェクトのカスタマイズについて

Question

swiper.js　で実装したスライドショーですが、スライドのエフェクトをワイプのようにする方法がわかりません。
通常は、currentのスライドが次のスライドに押し出されていく形ですが、
currentのスライドの上に、次のスライドを重ねるように切り返したいです。

こちらは、jsのカスタマイズが必要でしょうか。
もしくは、cssだけでの設定は可能でしょうか。

よろしければお力をお借りできますと幸いです。
どうかよろしくお願いいたします。

let mySwiper = new Swiper ('.swiper-container', {
	loop: true,
	//effect: "fade",
	speed: 1800,
	slidesPerView: 1,
	spaceBetween: 0,
	autoplay: {
    	delay: 2000,
		disableOnInteraction: false,
		reverseDirection: true,
  	},
	pagination: { 
		el: '.swiper-pagination',
		type: 'bullets',
		clickable: true,
	}
});

やりたいイメージは、下記のサイトのメインビジュアルのような動きです。
https://www.huelemuseum.com/

Answer 1

creativeEffect を使うのはどうでしょうか。
Creative Effect | Swiper API

↓このデモの上から3番目が近いように思えます。
Swiper demo

Comments

[i_masuda]

ご連絡ありがとうございます。

こちらで実装することができました。
助かりました。
お忙しい中、本当にありがとうございます。

[Lhankor_Mhy]

お役に立てたようで何よりです