bootstrap輪播外掛carousel圖片切換移動速度自定義
阿新 • • 發佈:2019-01-25
有時候需要圖片消失速度不是那麼快,但是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;