From: Hayden Bleasel <haydenbleasel@gmail.com>
Date: Sat, 15 Mar 2014 06:56:24 +0000 (+1100)
Subject: WebKit CSS3 carousel transforms for supported devices
X-Git-Tag: v3.3.0~272^2~5
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=da044d9c6923bb7472b110301b1e1d9cfc543258;p=thirdparty%2Fbootstrap.git

WebKit CSS3 carousel transforms for supported devices
---

diff --git a/less/carousel.less b/less/carousel.less
index 6f5023756d..9a374a4476 100644
--- a/less/carousel.less
+++ b/less/carousel.less
@@ -230,3 +230,26 @@
     bottom: 20px;
   }
 }
+
+// WebKit CSS3 transforms for supported devices
+@media all and (-webkit-transform-3d) {
+  .carousel {
+    .item {
+      -webkit-transition: 0.6s -webkit-transform ease-in-out;
+      -webkit-backface-visibility: hidden;
+      -webkit-perspective: 1000;
+      &.next, &.active.right {
+        -webkit-transform: translate3d(100%,0,0);
+        left: 0;
+      }
+      &.prev, &.active.left {
+        -webkit-transform: translate3d(-100%,0,0);
+        left: 0;
+      }
+      &.next.left, &.prev.right, &.active {
+        -webkit-transform: translate3d(0%,0,0);
+        left: 0;
+      }
+    }
+  }
+}