From: Mark Otto <markdotto@gmail.com>
Date: Sat, 1 Jul 2017 00:35:02 +0000 (-0700)
Subject: use @supports to apply transform3d to those who can do it, then provide a non-3d... 
X-Git-Tag: v4.0.0-beta~84^2~3
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=2d4534e112d7ceca112f7a11f768ed733813cbb1;p=thirdparty%2Fbootstrap.git

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

diff --git a/scss/_carousel.scss b/scss/_carousel.scss
index 41eca949fb..d0f210df1a 100644
--- a/scss/_carousel.scss
+++ b/scss/_carousel.scss
@@ -34,17 +34,29 @@
 // CSS3 transforms when supported by the browser
 .carousel-item-next.carousel-item-left,
 .carousel-item-prev.carousel-item-right {
-  transform: translate3d(0, 0, 0);
+  transform: translateX(0);
+
+  @supports (transform-style: preserve-3d) {
+    transform: translate3d(0, 0, 0);
+  }
 }
 
 .carousel-item-next,
 .active.carousel-item-right {
-  transform: translate3d(100%, 0, 0);
+  transform: translateX(100%);
+
+  @supports (transform-style: preserve-3d) {
+    transform: translate3d(100%, 0, 0);
+  }
 }
 
 .carousel-item-prev,
 .active.carousel-item-left {
-  transform: translate3d(-100%, 0, 0);
+  transform: translateX(-100%);
+
+  @supports (transform-style: preserve-3d) {
+    transform: translate3d(-100%, 0, 0);
+  }
 }