AOS

要素がウィンドウ下部から300pxの
位置へきたら発火

data-aos-offset="300"

0.6秒かけて表示

data-aos-duration="600"

ease-inで表示

data-aos-easing="ease-in"

1秒後に発火

data-aos-delay="1000"

要素上部がウィンドウ中央へきたら発火

data-aos-anchor-placement="top-center"

一度のみ発火

data-aos-once="true"

要素がウィンドウ下部から400pxの
位置へきたら一度のみ発火

data-aos-offset="400"
data-aos-once="true"

ここがウィンドウ中央まできたら発火

data-aos-anchor="#anchor"
data-aos-anchor-placement="top-center"

0.8秒後にease-in-quadで表示

data-aos-easing="ease-in-quad"
data-aos-delay="800"