feat(cube-effect): set --swiper-cube-translate-z CSS property on sw…

…iper-wrapper
nolimits4web · Apr 20, 2022 · 758ad28 · 758ad28
1 parent 6ec847c
commit 758ad28
Showing 1 changed file with 1 addition and 0 deletions.
diff --git a/src/modules/effect-cube/effect-cube.js b/src/modules/effect-cube/effect-cube.js
@@ -147,6 +147,7 @@ export default function EffectCube({ swiper, extendParams, on }) {
         swiper.isHorizontal() ? 0 : wrapperRotate
       }deg) rotateY(${swiper.isHorizontal() ? -wrapperRotate : 0}deg)`,
     );
+    $wrapperEl[0].style.setProperty('--swiper-cube-translate-z', `${zFactor}px`);
   };
   const setTransition = (duration) => {
     const { $el, slides } = swiper;