0
0
mirror of https://github.com/twbs/bootstrap.git synced 2025-02-20 17:54:23 +01:00

ease-in-out slide transition

This commit is contained in:
Jacob Thornton 2012-01-02 22:33:49 -08:00
parent 3fb6f6ee86
commit f5bcfaec2c
3 changed files with 8 additions and 8 deletions

12
bootstrap.css vendored
View File

@ -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;

2
bootstrap.min.css vendored
View File

@ -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%;}

View File

@ -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; }