-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
33 lines (31 loc) · 2.03 KB
/
index.html
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
29
30
31
32
33
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="https://anijs.github.io/lib/anicollection/anicollection.css">
<link href="https://fonts.googleapis.com/css?family=Quicksand:500,900" rel="stylesheet">
</head>
<body>
<div id="wrapper" data-anijs="if: load, on: window, do: fadeIn animated">
<div id="header"><h1 class="lot">Lottie</h1> + <h1 class="ani">AniJS</h1> Playground</div>
<a href="page.html" data-anijs="if: click, do: fadeOut animated, to: body, before: offRedirection, after: doRedirection">Next Page</a>
<div id="anims">
<div id="example"></div>
<div id="example2"></div>
</div>
<div class="block b1" data-anijs="if: scroll, on: window, do: fadeInUp animated, before: scrollReveal, after: holdAnimClass"></div>
<div class="block b2" data-anijs="if: scroll, on: window, do: fadeInUp animated, before: scrollReveal, after: holdAnimClass"></div>
<div class="block b3" data-anijs="if: scroll, on: window, do: fadeInUp animated, before: scrollReveal, after: holdAnimClass"></div>
<div class="block b4" data-anijs="if: scroll, on: window, do: fadeInUp animated, before: scrollReveal, after: holdAnimClass"></div>
<div class="block b5" data-anijs="if: scroll, on: window, do: fadeInUp animated, before: scrollReveal, after: holdAnimClass"></div>
<div id="footer"></div>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="js/lottie.min.js" type="text/javascript"></script>
<script src="https://anijs.github.io/lib/anijs/anijs-min.js"></script>
<script src="https://anijs.github.io/lib/anijs/helpers/dom/anijs-helper-dom-min.js"></script>
<script src="js/anijs-helper-scrollreveal-min.js" type="text/javascript"></script>
<script src="js/index.js" type="text/javascript"></script>
<script src="js/redirection.js" type="text/javascript"></script>
</body>
</html>