Bootstrap Snippet aos amimation #aos #animation using HTML CSS Bootstrap Javascript

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<link rel="stylesheet" href="https://cdn.rawgit.com/michalsnik/aos/2.0.1/dist/aos.css" />
<script src="https://cdn.rawgit.com/michalsnik/aos/2.0.1/dist/aos.js"></script>
<div class="container" style="margin-top:30px;">
    <div class="row">
        <div class="col-md-4">
            <div class="basic-padding" data-aos="fade-up" data-aos-once="true">
                <img src="http://via.placeholder.com/350x150" class="img-responsive">
            </div>
        </div>
        <div class="col-md-4">
            <div class="basic-padding" data-aos="fade-up" data-aos-once="true">
                <img src="http://via.placeholder.com/350x150" class="img-responsive">
            </div>
        </div>
        <div class="col-md-4">
            <div class="basic-padding" data-aos="fade-up" data-aos-once="true">
                <img src="http://via.placeholder.com/350x150" class="img-responsive">
            </div>
        </div>
    </div>
</div>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

1
2
3
4
.basic-padding{
    padding-top 30px;
    padding-bottom:30px;
}
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

1
2
3
AOS.init({
    duration: 1200,
 })
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

"aos amimation #aos #animation"
Bootstrap 3.3.0 Snippet by SANTANU CHOWDHURY

Related: See More

Questions / Comments:

"aos amimation #aos #animation" Bootstrap 3.3.0 Snippet by SANTANU CHOWDHURY

Related: See More

Questions / Comments:

"aos amimation #aos #animation"
Bootstrap 3.3.0 Snippet by SANTANU CHOWDHURY