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

0 vote223 views1 answer
Remove required effect in css
CSS
64 votes228 views3 answers
How to use variables in css
CSS
12 votes228 views1 answer
Disable increment in input type number
CSS
1 vote234 views2 answers
Dropdown on hover
CSS
0 vote230 views1 answer
Css background image svg not showing
CSS
1 vote225 views1 answer
Steps() property css
CSS
2 votes223 views1 answer
Space between li css
CSS
0 vote231 views1 answer
ProgressBars bulma -- thickness
CSS
2 votes225 views1 answer
Putting label on top of input css
CSS
2 votes253 views1 answer
Give transition on box shadow
CSS