您的位置:首页 > Web前端 > BootStrap

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

2018-01-24 17:56 681 查看
有时候需要图片消失速度不是那么快,但是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;
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: