CODEWITHSUNDEEP
jqueryhtmlcssanimsition
Melissa
Melissa

Reputation: 3

add page transition instead of link transition using jquery blivesta animsition

I'am using blivesta animsition to add a page transition. But the thing is that I have a link transition at the moment, can anyone help me to create a page transition instead of a link transition. I can't figure it out how.

<div
class="animsition"
data-animsition-in-class="fade-in-up"
data-animsition-in-duration="1000"
data-animsition-out-class="fade-out-up"
data-animsition-out-duration="800"
>
<a href="menu.html">Volgende</a>
</div>

http://codepen.io/melissabos18/pen/eJJdZm?editors=101

Upvotes: 0

Views: 836

Answers (1)

Gerrit Bertier
Gerrit Bertier

Reputation: 4221

Add a class animsition-link to the link.

CodePen example: http://codepen.io/grrtbrtr/pen/addmyB

HTML:

<div class="container animsition" data-animsition-in-class="fade-in-up" data-animsition-in-duration="1000" data-animsition-out-class="fade-out-up" data-animsition-out-duration="800">
  <div class="test">
    <a href="#" class="animsition-link">volgende</a>
  </div>
</div>

Upvotes: 0

Related Questions