/* slide fade effect */
 .carousel .carousel-inner .item {
   opacity: 0;
   -webkit-transition-property: opacity;
   -moz-transition-property: opacity;
   -o-transition-property: opacity;
   transition-property: opacity;
 }
 .carousel .carousel-inner .active {
   opacity: 1;
 }
 .carousel .carousel-inner .active.left,
 .carousel .carousel-inner .active.right {
   left: 0;
   opacity: 0;
   z-index: 1;
 }
 .carousel .carousel-inner .next.left,
 .carousel .carousel-inner .prev.right {
   opacity: 1;
 }
 .carousel .carousel-control {
   z-index: 2;
 }
 html,
 body,
 .carousel,
 .carousel-inner,
 .carousel-inner .item {
   height: 100%;
 }

Leave a Reply

Your email address will not be published. Required fields are marked *