CSS - timeline-trigger-active-range

概要

説明

スクロールトリガーアニメーション のアクティブ範囲を指定します。この範囲に対象要素が入ってきたときに、animation-trigger で指定したアクティブアクションが実行されます。2026年3月の Chrome 146 でサポートされました。

<timeline-trigger-active-range-start>

アクティベーション範囲の開始位置を指定します。timeline-trigger-active-range-start を参照してください。

<timeline-trigger-active-range-end>

アクティベーション範囲の終了位置を指定します。timeline-trigger-active-range-end を参照してください。

関連項目

• timeline-trigger
• timeline-trigger-name
• timeline-trigger-source
• timeline-trigger-activation-range
• timeline-trigger-activation-range-start
• timeline-trigger-activation-range-end
• timeline-trigger-active-range-start
• timeline-trigger-active-range-end
• animation-trigger
• trigger-scope

リンク

• https://drafts.csswg.org/animation-triggers-1/?utm_source=chatgpt.com#timeline-trigger-active-range-prop