rooty/Bootstrap
0
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-02-21 18:54:30 +01:00
Code Issues Actions Packages Releases Activity

use @supports to apply transform3d to those who can do it, then provide a non-3d fallback to ie11

Browse Source
This commit is contained in:
Mark Otto 2017-06-30 17:35:02 -07:00 committed by Mark Otto
parent 7f6479b0d9
commit 2d4534e112
1 changed files with 15 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
scss/_carousel.scss
View File

@ -34,18 +34,30 @@
// CSS3 transforms when supported by the browser // CSS3 transforms when supported by the browser
.carousel-item-next.carousel-item-left, .carousel-item-next.carousel-item-left,
.carousel-item-prev.carousel-item-right { .carousel-item-prev.carousel-item-right {
transform: translateX(0);
@supports (transform-style: preserve-3d) {
transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);
} }
}
.carousel-item-next, .carousel-item-next,
.active.carousel-item-right { .active.carousel-item-right {
transform: translateX(100%);
@supports (transform-style: preserve-3d) {
transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0);
} }
}
.carousel-item-prev, .carousel-item-prev,
.active.carousel-item-left { .active.carousel-item-left {
transform: translateX(-100%);
@supports (transform-style: preserve-3d) {
transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0);
} }
}
// //