(1).animation-range-end: cover 80%;

…画面下部より発火し下部より 80% で終了。画面上部より 20% で発火、画面下部で終了。

(2).animation-range: 記載なし;

…下方向へスクロールするとき、画面下部より発火し、画面中ほどまで変化する。画面上部直前で変化して終了。上方向へスクロールするとき、画面上部にて直ぐ発火して、画面中ほどから変化しながら画面下部で終了。

(3).animation-range: entry 10% exit 50%;

…下方向へスクロールするとき、画面下部より発火し画面中ほどまで変化していき、画面上部 10% にて終了。上方向へスクロールするとき、画面上部より発火し、画面 50% から変化していき下部で終了する。

(4).animation-range-end: cover 20%;

…上下方向へスクロールするとき、画面下部より 20% にて発火し、直ぐに終了する。

(5).animation-timeline: view(block 50% 10%);

…起動画面よりスクロールしている間(下方向へにスクロールバーが移動している間)、50% 10% のインセット値によってアニメーションが下から 10% で始まり、上から 50% で完了する。

…逆に、起動画面へ戻すスクロールをする間(上方向へスクロールバーが移動すると)、アニメーションは逆方向へ進み、上から 50% で始まり、アニメーションを逆方向へ移動し、下から 10% で終わる。

(6).animation-range: cover;

…上方へスクロールするとき、画面上部より発火し、画面中ほどから下部まで変化していき下部で終了する。下方へスクロールするとき、画面下部より発火し、画面50%まで変化し、画面上部で直ぐに終了。