bootstrap轮播插件carousel图片切换移动速度自定义

有时候需要图片消失速度不是那么快,但是bootstrap默认是0.6s,真是太快了,这么改

1.在bootstrap.min.css中找到下面代码(可直接搜索transform-3d一下子找到)

@media all and (transform-3d), (-webkit-transform-3d) {
  .carousel-inner > .item {
    -webkit-transition: -webkit-transform .6s ease-in-out;
         -o-transition:      -o-transform .6s ease-in-out;
            transition:         transform .6s ease-in-out;

上面的.6s就是0.6s的意思,太快了,改为2s,千万不要加”.修改后如下

@media all and (transform-3d), (-webkit-transform-3d) {
  .carousel-inner > .item {
    -webkit-transition: -webkit-transform 2s ease-in-out;
         -o-transition:      -o-transform 2s ease-in-out;
            transition:         transform 2s ease-in-out;

猜你喜欢

转载自blog.csdn.net/c5211314963/article/details/51614211
今日推荐