background-color: #337ab7;
-webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
- -webkit-transition: width .4s ease;
- -o-transition: width .4s ease;
- transition: width .4s ease;
+ -webkit-transition: width .6s ease;
+ -o-transition: width .6s ease;
+ transition: width .6s ease;
}
.progress-striped .progress-bar,
.progress-bar-striped {
.carousel-inner > .item {
position: relative;
display: none;
- -webkit-transition: .4s ease-in-out left;
- -o-transition: .4s ease-in-out left;
- transition: .4s ease-in-out left;
+ -webkit-transition: .6s ease-in-out left;
+ -o-transition: .6s ease-in-out left;
+ transition: .6s ease-in-out left;
}
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
}
@media all and (transform-3d), (-webkit-transform-3d) {
.carousel-inner > .item {
- -webkit-transition: -webkit-transform .4s ease-in-out;
- -o-transition: -o-transform .4s ease-in-out;
- transition: transform .4s ease-in-out;
+ -webkit-transition: -webkit-transform .6s ease-in-out;
+ -o-transition: -o-transform .6s ease-in-out;
+ transition: transform .6s ease-in-out;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;