1. Home
  2. CSS

AOS (Animate on Scroll)

Code examples

1
0

aos animate 

<link href="https://unpkg.com/[email protected]/dist/aos.css" rel="stylesheet">
1
0

aos animate 

<script>
  AOS.init();
</script>
0
0

aos 

  <link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" />
0
0

aos library slow animation angular 

$ npm install aos --save
//In angular.json
styles: [... "node_modules/<your-site>/aos/dist/aos.css"]
//In component.ts
import * as AOS from 'aos';

ngOnInit() {
    AOS.init();
 }

//In component.html
<div data-aos="fade-left"></div>
0
0

aos css animation 

<div data-aos="zoom-in-left"></div>

Similar pages

Similar pages with examples

css aos
animation aos
scroll animations
aos js animation
how to animate on scroll with animate css
aos animation happen at same time
aos animation websites
React AOS animation codepen
AOS (Animate on Scroll)
aos animate on scroll
Animations on scroll css
aos time
reveal animation on scroll library js
animate on scroll sto je
using aos in bootstrap
animatae on scroll free effect
trigger event on aos animation
install aos in vuestore in detailed document
aos js text write
setting custom aos scroll delay
setting aos delay
aos css one direction
how to animate on scroll with animate css library with js
how does aos.js work
animate css scroll

In other languages

This page is in other languages

Русский
..................................................................................................................
Ссылка
Italiano
..................................................................................................................
Link
Polski
..................................................................................................................
Link
Română
..................................................................................................................
Legătură
한국어
..................................................................................................................
링크
हिन्दी
..................................................................................................................
लिंक
Français
..................................................................................................................
Lien
Türk
..................................................................................................................
Atıf
Česk
..................................................................................................................
Odka
Português
..................................................................................................................
Referênci
ไทย
..................................................................................................................
เชื่อมโยง
中文
..................................................................................................................
链接
Español
..................................................................................................................
Referencia
Slovenský
..................................................................................................................
Odkaz
Балгарскі
..................................................................................................................
Спасылка
Íslensk
..................................................................................................................
Link

Popular in the category

Popular pages with examples in the category

aos guide css
adding aos animation
how to add aos to html
use of aos css and js
aos animation apply before css
require aos js
is aos.css free
globals jQuery, AOS
React AOS animation codepen
js animation on scroll
aos duration
animate scroll library
aos animation happen at same time
how to animate on scroll with animate css
aos animate on scroll react
aos doc