核心原生演示 (简单静态) Core Native Demo (Simple & Static)

此示例展示了在不需要任何框架的情况下直接使用原生 JavaScript 引入 AOS Modern。 通过为 HTML 元素添加相应的 data-aos 属性来声明动画。

This demo showcases integrating AOS Modern directly with native JavaScript, without any framework. Simply declare animations using data-aos attributes on HTML elements.

1

data-aos="fade-up"

2

data-aos="fade-down"

3

data-aos="zoom-out-down"

4

data-aos="flip-down"

5

data-aos="flip-up"

6

data-aos="fade-down"

7

data-aos="fade-in"

8

data-aos="fade-down"

9

data-aos="fade-in"

10

data-aos="fade-down"

11

data-aos="fade-up"

12

data-aos="fade-down"

13

data-aos="fade-in"

14

data-aos="fade-up"

15

data-aos="fade-in"

16

data-aos="fade-up"

17

data-aos="fade-down"

18

data-aos="fade-up"

19

data-aos="zoom-out"

20

data-aos="fade-up"