Javascript 滑动滑块自定义过渡效果

我一直在尝试为我们钟爱的swiper slider实现自定义效果，我希望有人能有想法帮助我。 您可以查看动画gif以了解其效果

理想情况下，过渡应为3D（带透视）

我一直在尝试使用onProgress和setTranslate方法来实现这一点。 我试图找到合适的旋转3D并变换原点值

mySwiper.on('onProgress', function (s,progress) {
for (var a = 0; a < s.slides.length; a++) {
var slide = s.slides[a];
var slideProgress = slide.progress;

 if (slideProgress < 0) {
   var slideRotation = 90-(slideProgress *90);
   var slideOrigin= (100+(slideProgress*100));
 } else {
   var slideRotation = 90-(slideProgress *90);
   var slideOrigin= (100+(slideProgress*100))*-1;
 }
  slideOrigin=0; 

 $(slide).css({transform:'rotateY('+slideRotation+'deg)'}) 
}
});

mysweer.on（'onProgress'，函数，进程）{ 对于（var a=0；a

---

感谢您的帮助

我也对自定义转换感兴趣。 但你要找的那个已经存在了：

var swiper = new Swiper('.swiper-container', {
    pagination: '.swiper-pagination',
    effect: 'cube',
    grabCursor: true,
    cube: {
        shadow: true,
        slideShadows: true,
        shadowOffset: 20,
        shadowScale: 0.94
    }
});