Vendor Plugin

Vendor : AOS

AOS allows you to animate elements as you scroll down, and up.

https://github.com/michalsnik/aos/tree/v2
License: MIT


/* 
	:: Vendor Path
	node_modules/aos/

	:: Installed
	npm install aos

	:: SOW Controller Init
*/	$.SOW.vendor.aos.init();


/* 
	:: Plugin Options|Defaults

*/	$.SOW.core.aos.init(null, {
		duration 	: 700,
		easing 		: 'ease-out-quad',
		once 		: !0,
		startEvent 	: 'load'
	});


	/* params */
	data-aos="fade-up"
	data-aos-offset="200"
	data-aos-delay="50"

	data-aos-duration="1000"
	data-aos-easing="ease-in-out"
	data-aos-mirror="true"
	data-aos-once="true"
	data-aos-anchor-placement="top-center"

Examples

data-aos="fade"

data-aos="fade-down"

data-aos="fade-left"

data-aos="fade-right"

data-aos="fade-up-right"

data-aos="fade-up-left"

data-aos="fade-down-right"

data-aos="fade-down-left"

data-aos="flip-up"

data-aos="flip-down"

data-aos="flip-left"

data-aos="flip-right"

data-aos="slide-up"

data-aos="slide-down"

data-aos="slide-left"

data-aos="slide-up"

data-aos="slide-right"

data-aos="zoom-in"

data-aos="zoom-in-up"

data-aos="zoom-in-down"

data-aos="zoom-in-left"

data-aos="zoom-in-right"

data-aos="zoom-out"

data-aos="zoom-out-up"

data-aos="zoom-out-down"

data-aos="zoom-out-left"

data-aos="zoom-out-right"

Jump To