Page Load Transition Plugin – Animsition (Clickstream)

Animation
Demo    Download
jQuery Plugin For Page Load Transition Effects - Animsition (Clickstream)
File Size: 74.22 KB
Views Total: 494 views
Last Update:September 14, 2021
Publish Date: November 30, 2013
Official Website: Go to website
License: MIT
Plugin Author: blivesta

A free jQuery Plugin with Animsition (Clickstream.js) is a create page load transition effect. it is easy and light weight to used to add cool transition with easing effects to your page load. they are provide 58 different animations effects on page load.

How to used:

Add with jQuery library then add with jQuery Animsition plugin on your web page.

<script src="jquery.min.js"></script>
<script src="dist/animsition.min.js"></script><br>

 Load with animsition.CSS file in your page on head section.

<link rel="stylesheet" href="css/animsition.min.css">

Enable Transition effect to your Html element.

$(document).ready(function() {
$(".animsition").animsition({
inClass       :   'fade-in',
outClass      :   'fade-out',
inDuration    :    1500,
outDuration   :    800,
linkElement   :   '.animsition-link', 
// e.g. linkElement   :   'a:not([target="_blank"]):not([href^=#])'
touchSupport  :    true, 
loading       :    true,
loadingParentElement  :   'body', //animsition wrapper element
loadingClass  :   'animsition-loading',
unSupportCss  : [ 'animation-duration',
  '-webkit-animation-duration',
  '-o-animation-duration'
],
overlay       :   false,
overlayClass  :   'animsition-overlay-slide',
overlayParentElement  :   'body'
});
}); 

Add Script with Animation start / end events.

$(".animsition").animsition({
  // options
}).one('animsition.start',function(){
  ...
})

$(".animsition").animsition({
  // options
}).one('animsition.end',function(){
  ...
})<br>

Done

List Of Version :
  • v4.0.2
  • v4.0.1
  • v4.0.0
  • v3.6.0
  • v3.5.2
  • v3.5.1
  • v3.5.0
  • v3.4.3
  • v3.4.1
  • v3.4.0
  • v3.3.3
  • v3.3.2
  • v3.3.1
  • v3.3.0
  • v3.2.1
  • v3.2.0
  • v3.1.1
  • v3.1.0
  • v3.0.0
  • v2.2.1
  • v2.2.0
  • v2.1.0
  • v2.0.0
  • v1.3.0

Mady

Mady Schaferhoff is an expert jQuery script at jQuerypost. He offers web development services to clients globally. He also loves sharing Html,CSS, jQuery knowledge through blog posts like this one.

Related jQuery Plugins