CSS - animation-range-*

概要

属性名animation-range
animation-range-start
animation-range-end
animation-range: [ <animation-range-start> <animation-range-end>? ]#
animation-range-start: [normal | <length-percentage> | <timeline-range-name> <length-percentage>?]#
animation-range-end: [normal | <length-percentage> | <timeline-range-name> <length-percentage>?]#
<timeline-range-name> = cover | contain | entry | exit | entry-crossing | exit-crossing
初期値normal normal
適用可能要素すべての要素
継承継承しない
サポートhttps://caniuse.com/?search=animation-range

説明

アニメーションが始まる位置と終了する位置を指定します。詳細は スクロールドリブンアニメーション を参照してください。

関連項目

リンク