Skip to content

Commit

Permalink
Fix double-transition bug
Browse files Browse the repository at this point in the history
Fixes #26451

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 carousels (see
https://codepen.io/domq/pen/ZoJrQZ)
  • Loading branch information
Dominique Quatravaux committed May 18, 2018
1 parent d6ee126 commit 4fd631e
Showing 1 changed file with 1 addition and 1 deletion.
2 changes: 1 addition & 1 deletion scss/_carousel.scss
Original file line number Diff line number Diff line change
Expand Up @@ -23,7 +23,6 @@
display: none;
align-items: center;
width: 100%;
@include transition($carousel-transition);
backface-visibility: hidden;
perspective: 1000px;
}
Expand All @@ -32,6 +31,7 @@
.carousel-item-next,
.carousel-item-prev {
display: block;
@include transition($carousel-transition);
}

.carousel-item-next,
Expand Down

0 comments on commit 4fd631e

Please sign in to comment.