Remove the `backface-visibility`.

dist/js/splide.cjs.js

@@ -2287,7 +2287,9 @@ function Slide(Splide2, Components2, options) {
     return options.speed;
   }
   function apply(transition) {
-    Components2.Style.ruleBy(list, "transition", transition);
+    const { ruleBy } = Components2.Style;
+    ruleBy(list, "will-change", transition ? "transition" : "");
+    ruleBy(list, "transition", transition);
   }
   return {
     mount,

dist/js/splide.esm.js

@@ -2283,7 +2283,9 @@ function Slide(Splide2, Components2, options) {
     return options.speed;
   }
   function apply(transition) {
-    Components2.Style.ruleBy(list, "transition", transition);
+    const { ruleBy } = Components2.Style;
+    ruleBy(list, "will-change", transition ? "transition" : "");
+    ruleBy(list, "transition", transition);
   }
   return {
     mount,

dist/js/splide.js

@@ -2797,7 +2797,10 @@ function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _d
     }
 
     function apply(transition) {
-      Components2.Style.ruleBy(list, "transition", transition);
+      var ruleBy = Components2.Style.ruleBy;
+      var prop = "transition";
+      ruleBy(list, "will-change", transition ? prop : "");
+      ruleBy(list, prop, transition);
     }
 
     return {

src/css/core/object/objects/list.scss

@@ -2,12 +2,10 @@
   $root: &;
 
   &__list {
-    backface-visibility: hidden;
     display: flex;
     height: 100%;
     margin: 0 !important;
     padding: 0 !important;
-    transform-style: preserve-3d;
   }
 
   &.is-initialized:not(.is-active) {

src/css/core/object/objects/slide.scss

@@ -1,14 +1,11 @@
 .splide {
   &__slide {
-    backface-visibility: hidden;
     box-sizing: border-box;
     flex-shrink: 0;
     list-style-type: none !important;
     margin: 0;
     outline: none;
-    overflow: hidden;
     position: relative;
-    transform: translateZ( 0 );
 
     img {
       vertical-align: bottom;

src/js/transitions/Slide/Slide.ts

@@ -93,7 +93,10 @@ export function Slide( Splide: Splide, Components: Components, options: Options
    * @param transition - A transition CSS value.
    */
   function apply( transition: string ): void {
-    Components.Style.ruleBy( list, 'transition', transition );
+    const { ruleBy } = Components.Style;
+    const prop = 'transition';
+    ruleBy( list, 'will-change', transition ? prop : '' );
+    ruleBy( list, prop, transition );
   }
 
   return {