Aos css

Aos js

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 animation

<link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
<script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
<script>
AOS.init({
	duration: 1200,
});
</script>

Aos css

/*Add styles in <head>: */

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

/*Add script right before closing </body> tag, and initialize AOS:*/
  <script src="https://unpkg.com/aos@next/dist/aos.js"></script>
  <script>
    AOS.init();
  </script>

Aos animation

// In your terminal
yarn add aos@next or npm install --save aos@next

// In your JS file
import AOS from 'aos';
import 'aos/dist/aos.css';

AOS.init();

// then, you can add data-aos attributes in your html

Aos css animation

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

Source: michalsnik.github.io

Aos css

<div data-aos="flip-left"></div>

Source: michalsnik.github.io

Similar codes

2 votes122 views3 answers
Css properties in html
CSS
2 votes106 views3 answers
Cant read pdf file in python
CSS
37 votes98 views3 answers
Inline svg css
CSS
25 votes106 views3 answers
How to add spaces between text in html
CSS
0 vote95 views1 answer
Adding script in vat for product order shopify
CSS
1 vote109 views1 answer
How to put mulitple conditions in media query
CSS
0 vote105 views1 answer
Avatar change design html css
CSS
106 votes98 views5 answers
Position css
CSS
0 vote158 views1 answer
Scss ::after
CSS
10 votes110 views4 answers
Wp_enqueue_style
CSS