barba-transitions
Version:
An addon to BarbaJS which makes it really easy to use css transitions for page transitions.
29 lines (27 loc) • 915 B
HTML
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Index Page</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<header><h1><a href="/index.html">My Blog</a></h1></header>
<div id="barba-wrapper">
<div class="barba-container">
<section class="all-posts" data-transition="fadeIn">
<ul>
<li><a href="post.html">Post 1</a></li>
<li><a href="post.html">Post 2</a></li>
<li><a href="post.html">Post 3</a></li>
<li><a href="post.html">Post 4</a></li>
<li><a href="post.html">Post 5</a></li>
</ul>
</section>
</div>
</div>
<script src="https://rawgit.com/luruke/barba.js/master/dist/barba.min.js" type="text/javascript"></script>
<script src="temp/barba.transitions.min.js" type="text/javascript"></script>
<script src="main.js" type="text/javascript"></script>
</body>
</html>