去除 bootstrap 中轮播两边阴影
2018-02-24 09:43
573 查看
bootstrap框架中轮播轮播图两边默认的是有些阴影,但是有时是不需要阴影部分的,所以需要去掉,下面的这段css就可以去掉阴影,只需要将这段css加入到css文件中即可:
.carousel-control.left {
background-image:none;
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
}
.carousel-control.right {
left: auto; right: 0;
background-image:none;
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
}
.carousel-control.left {
background-image:none;
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
}
.carousel-control.right {
left: auto; right: 0;
background-image:none;
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
}
相关文章推荐
- 关于bootstrap中轮播两边阴影的去除方法
- 去除bootstrap模态框半透明阴影
- 去除BOOTSTRAP模态框半透明阴影
- 去除BOOTSTRAP模态框半透明阴影
- 去除BOOTSTRAP模态框半透明阴影
- 安卓源码--Launcher2去除两边阴影效果
- bootstrap去除弹出模态框背后的阴影
- BootStrap轮播HTML代码(推荐)
- AngularJS+ui.bootstrap实现图片轮播
- HorizontalScrollView或者ScrollView去除水平滚动条、阴影(滑到尽头时出现)
- Bootstrap的图片轮播示例代码
- bootstrap实现每隔5秒自动轮播效果
- Android去除AppBarLayout阴影
- NSString去除空格字符-包括两边字符trim()
- AppCompat Toolbar控件如何去除掉阴影
- Android ListView 去除边缘阴影、选中色、拖动背景色等
- angular js轮播图 (Carousel (ui.bootstrap.carousel))
- PHPOK 调用bootstrap 自适应轮播图的方法。
- 第二百四十八节,Bootstrap轮播插件
- bootstrap 的全屏轮播