mirror of
https://github.com/twbs/bootstrap.git
synced 2025-08-12 08:34:08 +02:00
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
This commit is contained in:
@@ -23,7 +23,6 @@
|
|||||||
display: none;
|
display: none;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
@include transition($carousel-transition);
|
|
||||||
backface-visibility: hidden;
|
backface-visibility: hidden;
|
||||||
perspective: 1000px;
|
perspective: 1000px;
|
||||||
}
|
}
|
||||||
@@ -32,6 +31,7 @@
|
|||||||
.carousel-item-next,
|
.carousel-item-next,
|
||||||
.carousel-item-prev {
|
.carousel-item-prev {
|
||||||
display: block;
|
display: block;
|
||||||
|
@include transition($carousel-transition);
|
||||||
}
|
}
|
||||||
|
|
||||||
.carousel-item-next,
|
.carousel-item-next,
|
||||||
|
Reference in New Issue
Block a user