fix: transition should not conflict with zoom (#2375)

Author: kermanx

packages/client/internals/SlideWrapper.vue

@@ -65,7 +65,7 @@ const style = computed<CSSProperties>(() => ({
   width: calc(100% / var(--slidev-slide-zoom-scale));
   height: calc(100% / var(--slidev-slide-zoom-scale));
   transform-origin: top left;
-  transform: scale(var(--slidev-slide-zoom-scale));
+  scale: var(--slidev-slide-zoom-scale);
   /* slide scale = container scale * zoom scale */
   --slidev-slide-scale: calc(var(--slidev-slide-container-scale) * var(--slidev-slide-zoom-scale));
 }

packages/client/styles/transitions.css

@@ -12,22 +12,22 @@
 
 .slide-left-enter-from,
 .slide-right-leave-to {
-  transform: translateX(100%);
+  translate: 100% 0;
 }
 
 .slide-left-leave-to,
 .slide-right-enter-from {
-  transform: translateX(-100%);
+  translate: -100% 0;
 }
 
 .slide-up-enter-from,
 .slide-down-leave-to {
-  transform: translateY(100%);
+  translate: 0 100%;
 }
 
 .slide-up-leave-to,
 .slide-down-enter-from {
-  transform: translateY(-100%);
+  translate: 0 -100%;
 }
 
 /* Fading */