assets/stylesheets/bootstrap/_carousel.scss in bootstrap-sass-backport-3.2.0.2 vs assets/stylesheets/bootstrap/_carousel.scss in bootstrap-sass-backport-3.3.1.0
- old
+ new
@@ -19,11 +19,35 @@
@include transition(.6s ease-in-out left);
// Account for jankitude on images
> img,
> a > img {
- @include img-responsive();
+ @include img-responsive;
line-height: 1;
+ }
+
+ // WebKit CSS3 transforms for supported devices
+ @media all and (transform-3d), (-webkit-transform-3d) {
+ transition: transform .6s ease-in-out;
+ backface-visibility: hidden;
+ perspective: 1000;
+
+ &.next,
+ &.active.right {
+ transform: translate3d(100%, 0, 0);
+ left: 0;
+ }
+ &.prev,
+ &.active.left {
+ transform: translate3d(-100%, 0, 0);
+ left: 0;
+ }
+ &.next.left,
+ &.prev.right,
+ &.active {
+ transform: translate3d(0, 0, 0);
+ left: 0;
+ }
}
}
> .active,
> .next,