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

封装bt轮播图淡入淡出效果样式

2016-05-05 10:18 609 查看
<!--BT轮播图-->
<div data-ride="carousel" class="carousel slide carousel_inner_padding carousel-fade" id="carousel-container">

注意:carousel-fade是自定义是类。

/*封装bt轮播图淡入淡出效果样式*/
.carousel-fade .carousel-inner .item{
opacity:0;
-webkit-transition-property:opacity ;
-moz-transition-property:opacity ;
-ms-transition-property:opacity ;
-o-transition-property:opacity ;
transition-property:opacity ;
}
.carousel-fade .carousel-inner .active{
opacity: 1;
}
.carousel-fade .carousel-inner .active.left,.carousel-fade .carousel-inner .active.right{
left: 0;
opacity: 0;
}
.carousel-fade .carousel-inner .next.left,.carousel-fade .carousel-inner .prev.right {
opacity: 1;
}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: