Revert to the previous code.

dist/js/splide.cjs.js

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

dist/js/splide.esm.js

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

dist/js/splide.js

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

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

@@ -1,5 +1,6 @@
 .splide {
   &__slide {
+    backface-visibility: hidden;
     box-sizing: border-box;
     flex-shrink: 0;
     list-style-type: none !important;

src/js/transitions/Slide/Slide.ts

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