Answers for "aos animation manual seting"

6

aos js

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

JS
<script src="https://unpkg.com/[email protected]/dist/aos.js"></script>

INITIALIZE AOS:
<script>
  AOS.init();
</script>
Posted by: Guest on May-04-2020
0

aos animate install

//install
npm install aos --save


//initialize in react

import AOS from 'aos'
import 'aos/dist/aos.css';
AOS.init();
Posted by: Guest on September-01-2020
0

aos animation manual seting

<div data-aos="new-animation"></div>
Posted by: Guest on November-30-2020
0

aos animation manual seting

[data-aos="new-animation"] {
  opacity: 0;
  transition-property: transform, opacity;

  &.aos-animate {
    opacity: 1;
  }

  @media screen and (min-width: 768px) {
    transform: translateX(100px);

    &.aos-animate {
      transform: translateX(0);
    }
  }
}
Posted by: Guest on November-30-2020

Browse Popular Code Answers by Language