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

41 votes196 views3 answers
Centre align in position absolute
CSS
3 votes221 views6 answers
Htaccess
CSS
0 vote318 views1 answer
Width cross browser
CSS
0 vote168 views1 answer
French bakery northgate
CSS
0 vote191 views1 answer
Had to add a tint to a picture on css
CSS
0 vote190 views1 answer
Html disable spin buttons on input type number
CSS
0 vote272 views1 answer
Css bootstrap carousel fade how to add fade in up text
CSS Bootstrap
8 votes169 views1 answer
Html watermark background
CSS
17 votes225 views1 answer
Sass calc with variable
CSS
0 vote212 views1 answer
Css tips and tricks to handle the complicated stuffs in design part which is helpfull to handle at tha critical time and to deliver requirement to the client to the main resource
CSS