CSS Bootstrap Carousel Fade Cara Menambahkan Teks Fade In Up
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<link href="https://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/css/bootstrap-combined.min.css" rel="stylesheet"/>
<script src="https://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/js/bootstrap.min.js"></script>
<!-- Carousel Slider -->
<div class="carousel slide" id="sticksCarousel">
<ol class="carousel-indicators middle">
<li class="active" data-slide-to="0" data-target="#sticksCarousel"></li>
<li data-slide-to="1" data-target="#sticksCarousel"></li>
<li data-slide-to="2" data-target="#sticksCarousel"></li>
</ol>
<section class="carousel-inner">
<div class="item active">
<img alt="blah" class="image1" src="http://www.slidesjs.com/img/example-slide-350-3.jpg" style="width:100%;">
</div>
<div class="item">
<img alt="blah" class="image2" src="http://www.slidesjs.com/img/example-slide-350-3.jpg" style="width:100%;">
</div>
<div class="item">
<img alt="blah" class="image3" src="http://www.slidesjs.com/img/example-slide-350-3.jpg" style="width:100%;">
</div>
</section>
<!-- Carousel Next/Prev -->
<a class="left carousel-control" data-slide="prev" href="#sticksCarousel"></a>
<a class="right carousel-control" data-slide="next" href="#sticksCarousel"></a>
</div>
<!-- Carousel Pre-text -->
<p id="sticksCarouselMessage">Text for Image 1 class!</p>
Run code snippet
Mysterious Millipede