diff options
| author | Mark Otto <[email protected]> | 2016-11-25 15:00:23 -0800 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2016-11-25 15:00:23 -0800 |
| commit | 49be9bc63af9391721287c189bf2f9150aad15bc (patch) | |
| tree | 255d689d20f0246a18ddf3070ce1a5c2b0cea09d /docs/dist/css/bootstrap-flex.css | |
| parent | 432fe74c3182f3be258320fec31b0a8c5d70848d (diff) | |
| download | bootstrap-49be9bc63af9391721287c189bf2f9150aad15bc.tar.xz bootstrap-49be9bc63af9391721287c189bf2f9150aad15bc.zip | |
grunt
Diffstat (limited to 'docs/dist/css/bootstrap-flex.css')
| -rw-r--r-- | docs/dist/css/bootstrap-flex.css | 31 |
1 files changed, 30 insertions, 1 deletions
diff --git a/docs/dist/css/bootstrap-flex.css b/docs/dist/css/bootstrap-flex.css index 9d15df3e7..76ed198a7 100644 --- a/docs/dist/css/bootstrap-flex.css +++ b/docs/dist/css/bootstrap-flex.css @@ -6115,7 +6115,36 @@ button.close { line-height: 1; } -@media all and (transform-3d), (-webkit-transform-3d) { +@media (-webkit-transform-3d) { + .carousel-inner > .carousel-item { + -webkit-transition: -webkit-transform .6s ease-in-out; + transition: -webkit-transform .6s ease-in-out; + -o-transition: -o-transform .6s ease-in-out; + transition: transform .6s ease-in-out; + transition: transform .6s ease-in-out, -webkit-transform .6s ease-in-out, -o-transform .6s ease-in-out; + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + -webkit-perspective: 1000px; + perspective: 1000px; + } + .carousel-inner > .carousel-item.next, .carousel-inner > .carousel-item.active.right { + left: 0; + -webkit-transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0); + } + .carousel-inner > .carousel-item.prev, .carousel-inner > .carousel-item.active.left { + left: 0; + -webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0); + } + .carousel-inner > .carousel-item.next.left, .carousel-inner > .carousel-item.prev.right, .carousel-inner > .carousel-item.active { + left: 0; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} + +@supports ((-webkit-transform: translate3d(0, 0, 0)) or (transform: translate3d(0, 0, 0))) { .carousel-inner > .carousel-item { -webkit-transition: -webkit-transform .6s ease-in-out; transition: -webkit-transform .6s ease-in-out; |
