Line 30: | Line 30: | ||
/*** Carousel ***/ | /*** Carousel ***/ | ||
/* carousel slide */ | /* carousel slide */ | ||
+ | .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; | ||
+ | } | ||
Line 50: | Line 68: | ||
================================================== --> | ================================================== --> | ||
<div class="center-block" > | <div class="center-block" > | ||
− | <div id="myCarousel" class="carousel slide" data-ride="carousel" > | + | <div id="myCarousel" class="carousel-fade carousel slide" data-ride="carousel" > |
<!-- Indicators --> | <!-- Indicators --> | ||
<ol class="carousel-indicators"> | <ol class="carousel-indicators"> |
Revision as of 08:06, 2 August 2017