Fix double-transition bug (#26452)

By applying the transition: CSS property only to classes that are
active during sliding, we avoid an unnecessary, non-zero-time
animation that although mostly invisible, does interfere with e.g.
z-index based parallax

diff --git a/scss/_carousel.scss b/scss/_carousel.scss
index de51d1b7a7c1d648ec22d7e8288f983f6f07518e..91c23e5fc3c1bc4d0133444462d2eb7e1e8e4b97 100644 (file)
--- a/scss/_carousel.scss
+++ b/scss/_carousel.scss
@@ -23,7 +23,6 @@
   display: none;
   align-items: center;
   width: 100%;
-  @include transition($carousel-transition);
   backface-visibility: hidden;
   perspective: 1000px;
 }
@@ -32,6 +31,7 @@
 .carousel-item-next,
 .carousel-item-prev {
   display: block;
+  @include transition($carousel-transition);
 }
 
 .carousel-item-next,