diff options
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; |