Search results
Fast. Reliable. Content delivery at its finest. cdnjs is a free and open-source CDN service trusted by over 12.5% of all websites, serving over 200 billion requests each month, powered by Cloudflare. We make it faster and easier to load library files on your websites.
yarn add aos. npm install aos --save. bower install aos --save. CDN sources. CSS. < link href= "https://unpkg.com/aos@2.3.1/dist/aos.css" rel= "stylesheet" > JS. <script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script> Initialize AOS. <script> AOS.init(); </script> AOS - Animate On Scroll library using CSS3.
Use animatedClassName to change default behaviour of AOS, to apply class names placed inside data-aos on scroll. <div data-aos =" fadeInUp " ></div>. AOS.init({ useClassNames: true, initClassName: false, animatedClassName: 'animated', }); The above element will get two classes: animated and fadeInUp.
Download aos.css or get a CDN url for 41 versions of aos.
Animate on scroll library.
2 CDN to use with AOS. Find out the best CDN to use with aos or use multiple CDN as fallback. Simply copy and paste one of these URL !.
May 12, 2020 · Here the 3 types of animation present in AOS library. They are specified in the data-aos attribute as I already mentioned. Fade animations. Flip animations. Zoom animations. You can also define other parameters as listed in the Init settings. The goal is to define a different duration, easing, delay, anchor or offset.
