7,2%
$129,920
Last Month
0,6%
$14,293
Today
0,8%
$190,250
Last Week
3,2%
$10,250
Last Hour
Fast21 80%
Eco Newmars 70%
Best Niket 60%
Real Five 40%

Page Transitions

Fade Left and Right


...
// Example with Fade Left
$(".animsition-overlay").animsition({   
  inClass               :   'fade-in-left',
  outClass              :   'fade-out-left',
  inDuration            :    600,
  outDuration           :    800,
  linkElement           :   '.animsition-link',
  // e.g. linkElement   :   'a:not([target="_blank"]):not([href^=#])'
  loading               :    true,
  loadingParentElement  :   'body', //animsition wrapper element
  loadingClass          :   'animsition-loading',
  unSupportCss          : [ 'animation-duration', '-webkit-animation-duration', '-o-animation-duration' ],
  //"unSupportCss" option allows you to disable the "animsition" in case the css property in the array is not supported by your browser.
  //The default setting is to disable the "animsition" in a browser that does not support "animation-duration".
  overlay               :   false,
  overlayClass          :   'animsition-overlay-slide',
  overlayParentElement  :   'body'
});

Rotate


...
$(".animsition-overlay").animsition({   
  inClass               :   'rotate-in',
  outClass              :   'rotate-out',
  inDuration            :    600,
  outDuration           :    800,
  linkElement           :   '.animsition-link',
  // e.g. linkElement   :   'a:not([target="_blank"]):not([href^=#])'
  loading               :    true,
  loadingParentElement  :   'body', //animsition wrapper element
  loadingClass          :   'animsition-loading',
  unSupportCss          : [ 'animation-duration', '-webkit-animation-duration', '-o-animation-duration' ],
  //"unSupportCss" option allows you to disable the "animsition" in case the css property in the array is not supported by your browser.
  //The default setting is to disable the "animsition" in a browser that does not support "animation-duration".
  overlay               :   false,
  overlayClass          :   'animsition-overlay-slide',
  overlayParentElement  :   'body'
});

Zoom


...
$(".animsition-overlay").animsition({   
  inClass               :   'zoom-in',
  outClass              :   'zoom-out',
  inDuration            :    600,
  outDuration           :    800,
  linkElement           :   '.animsition-link',
  // e.g. linkElement   :   'a:not([target="_blank"]):not([href^=#])'
  loading               :    true,
  loadingParentElement  :   'body', //animsition wrapper element
  loadingClass          :   'animsition-loading',
  unSupportCss          : [ 'animation-duration', '-webkit-animation-duration', '-o-animation-duration' ],
  //"unSupportCss" option allows you to disable the "animsition" in case the css property in the array is not supported by your browser.
  //The default setting is to disable the "animsition" in a browser that does not support "animation-duration".
  overlay               :   false,
  overlayClass          :   'animsition-overlay-slide',
  overlayParentElement  :   'body'
});

Fade Up and Down


...
// Example with Fade Up
$(".animsition-overlay").animsition({   
  inClass               :   'fade-in-up',
  outClass              :   'fade-out-up',
  inDuration            :    600,
  outDuration           :    800,
  linkElement           :   '.animsition-link',
  // e.g. linkElement   :   'a:not([target="_blank"]):not([href^=#])'
  loading               :    true,
  loadingParentElement  :   'body', //animsition wrapper element
  loadingClass          :   'animsition-loading',
  unSupportCss          : [ 'animation-duration', '-webkit-animation-duration', '-o-animation-duration' ],
  //"unSupportCss" option allows you to disable the "animsition" in case the css property in the array is not supported by your browser.
  //The default setting is to disable the "animsition" in a browser that does not support "animation-duration".
  overlay               :   false,
  overlayClass          :   'animsition-overlay-slide',
  overlayParentElement  :   'body'
});

Flip X and Y


...
// Example with Flip X
$(".animsition-overlay").animsition({   
  inClass               :   'flip-in-x',
  outClass              :   'flip-out-x',
  inDuration            :    600,
  outDuration           :    800,
  linkElement           :   '.animsition-link',
  // e.g. linkElement   :   'a:not([target="_blank"]):not([href^=#])'
  loading               :    true,
  loadingParentElement  :   'body', //animsition wrapper element
  loadingClass          :   'animsition-loading',
  unSupportCss          : [ 'animation-duration', '-webkit-animation-duration', '-o-animation-duration' ],
  //"unSupportCss" option allows you to disable the "animsition" in case the css property in the array is not supported by your browser.
  //The default setting is to disable the "animsition" in a browser that does not support "animation-duration".
  overlay               :   false,
  overlayClass          :   'animsition-overlay-slide',
  overlayParentElement  :   'body'
});

Fade Out


...
$(".animsition-overlay").animsition({   
  inClass               :   'fade-in',
  outClass              :   'fade-out',
  inDuration            :    600,
  outDuration           :    800,
  linkElement           :   '.animsition-link',
  // e.g. linkElement   :   'a:not([target="_blank"]):not([href^=#])'
  loading               :    true,
  loadingParentElement  :   'body', //animsition wrapper element
  loadingClass          :   'animsition-loading',
  unSupportCss          : [ 'animation-duration', '-webkit-animation-duration', '-o-animation-duration' ],
  //"unSupportCss" option allows you to disable the "animsition" in case the css property in the array is not supported by your browser.
  //The default setting is to disable the "animsition" in a browser that does not support "animation-duration".
  overlay               :   false,
  overlayClass          :   'animsition-overlay-slide',
  overlayParentElement  :   'body'
});