diff options
| author | Hayden Bleasel <[email protected]> | 2014-03-15 17:56:24 +1100 |
|---|---|---|
| committer | Hayden Bleasel <[email protected]> | 2014-03-15 17:56:24 +1100 |
| commit | da044d9c6923bb7472b110301b1e1d9cfc543258 (patch) | |
| tree | 615f145412184580289dfb839641fd8df86cd17e /less | |
| parent | 6d882a64201f2700bbb2c3a7342b4c8e447c694a (diff) | |
| download | bootstrap-da044d9c6923bb7472b110301b1e1d9cfc543258.tar.xz bootstrap-da044d9c6923bb7472b110301b1e1d9cfc543258.zip | |
WebKit CSS3 carousel transforms for supported devices
Diffstat (limited to 'less')
| -rw-r--r-- | less/carousel.less | 23 |
1 files changed, 23 insertions, 0 deletions
diff --git a/less/carousel.less b/less/carousel.less index 6f5023756..9a374a447 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; + } + } + } +} |