From f5bcfaec2c13eb3102ffc2890a69a7c2b725ff36 Mon Sep 17 00:00:00 2001 From: Jacob Thornton Date: Mon, 2 Jan 2012 22:33:49 -0800 Subject: [PATCH] ease-in-out slide transition --- bootstrap.css | 12 ++++++------ bootstrap.min.css | 2 +- lib/thumbnails.less | 2 +- 3 files changed, 8 insertions(+), 8 deletions(-) diff --git a/bootstrap.css b/bootstrap.css index b4fd7e7487..5413144e9d 100644 --- a/bootstrap.css +++ b/bootstrap.css @@ -6,7 +6,7 @@ * http://www.apache.org/licenses/LICENSE-2.0 * * Designed and built with all the love in the world @twitter by @mdo and @fat. - * Date: Mon Jan 2 22:30:09 PST 2012 + * Date: Mon Jan 2 22:33:44 PST 2012 */ html, body { margin: 0; @@ -2595,11 +2595,11 @@ a.thumbnail:hover { .carousel .item { display: none; position: relative; - -webkit-transition: 0.25s linear left; - -moz-transition: 0.25s linear left; - -ms-transition: 0.25s linear left; - -o-transition: 0.25s linear left; - transition: 0.25s linear left; + -webkit-transition: 0.6s ease-in-out left; + -moz-transition: 0.6s ease-in-out left; + -ms-transition: 0.6s ease-in-out left; + -o-transition: 0.6s ease-in-out left; + transition: 0.6s ease-in-out left; } .carousel .active, .carousel .next, .carousel .prev { display: block; diff --git a/bootstrap.min.css b/bootstrap.min.css index 49e9686839..522de261ee 100644 --- a/bootstrap.min.css +++ b/bootstrap.min.css @@ -343,7 +343,7 @@ a.thumbnail:hover{border-color:#0069d6;-webkit-box-shadow:0 1px 4px rgba(0, 105, .thumbnail>img{display:block;max-width:100%;} .thumbnail .caption{padding:9px;} .carousel{position:relative;}.carousel .carousel-inner{overflow:hidden;width:100%;position:relative;} -.carousel .item{display:none;position:relative;-webkit-transition:0.25s linear left;-moz-transition:0.25s linear left;-ms-transition:0.25s linear left;-o-transition:0.25s linear left;transition:0.25s linear left;} +.carousel .item{display:none;position:relative;-webkit-transition:0.6s ease-in-out left;-moz-transition:0.6s ease-in-out left;-ms-transition:0.6s ease-in-out left;-o-transition:0.6s ease-in-out left;transition:0.6s ease-in-out left;} .carousel .active,.carousel .next,.carousel .prev{display:block;} .carousel .next,.carousel .prev{position:absolute;top:0;width:100%;} .carousel .next{left:100%;} diff --git a/lib/thumbnails.less b/lib/thumbnails.less index 114d0f0c84..6ac3cb51f1 100644 --- a/lib/thumbnails.less +++ b/lib/thumbnails.less @@ -46,7 +46,7 @@ a.thumbnail:hover { .item { display: none; position: relative; - .transition(.25s linear left); + .transition(.6s ease-in-out left); } .active, .next, .prev { display: block; }