“AOS JS” Ответ

оживить на GitHub

  <script src="https://unpkg.com/aos@next/dist/aos.js"></script>
  <script>
    AOS.init();
  </script>
Malario

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>
Panzer

оживить на GitHub

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

AOS CSS Анимация

<div data-aos="zoom-in-right"></div>
Evil Elephant

AOS CSS Анимация

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

Как использовать AOS

npm install aos --save
then 
import AOS from "aos";
import "aos/dist/aos.css";
then
  useEffect(() => {
    AOS.init({
      duration: 3000,
    });
  });
  then 
     <div data-aos="fade-up" className={classes.layout}>
Blue Baboon

Ответы похожие на “AOS JS”

Вопросы похожие на “AOS JS”

Больше похожих ответов на “AOS JS” по JavaScript

Смотреть популярные ответы по языку

Смотреть другие языки программирования