diff options
| author | Gleb Mazovetskiy <glex.spb@gmail.com> | 2014-08-12 05:12:06 +0400 |
|---|---|---|
| committer | Gleb Mazovetskiy <glex.spb@gmail.com> | 2014-08-12 05:12:06 +0400 |
| commit | 6d6a7fe36b87799af8c0e719bef7e3b6b04d11ca (patch) | |
| tree | 2d64b6d9395367d59b9f5d1e252f0e21ce03c7c1 /assets/stylesheets/bootstrap/_carousel.scss | |
| parent | fb8dad665bdd4d1a43d4049b8fdde4e1b9c529f7 (diff) | |
rake convert
Diffstat (limited to 'assets/stylesheets/bootstrap/_carousel.scss')
| -rw-r--r-- | assets/stylesheets/bootstrap/_carousel.scss | 24 |
1 files changed, 24 insertions, 0 deletions
diff --git a/assets/stylesheets/bootstrap/_carousel.scss b/assets/stylesheets/bootstrap/_carousel.scss index e9e2f7c..fa8a844 100644 --- a/assets/stylesheets/bootstrap/_carousel.scss +++ b/assets/stylesheets/bootstrap/_carousel.scss @@ -24,6 +24,30 @@ @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, |