CSS - timeline-trigger-source

概要

属性名timeline-trigger-source
[ auto | none | <dashed-ident> | scroll() | view() ]#
初期値auto
適用可能要素すべての要素
継承継承しない
サポートhttps://caniuse.com/?search=timeline-trigger-source

説明

スクロールトリガーアニメーション でどのスクロールバーに従うかを指定します。2026年3月の Chrome 146 でサポートされました。

auto
自動的に決めます。
none
スクロールに追従しません。
<dashed-ident>
scroll-timeline-name または view-timeline-name で定義したタイムライン名を参照します。
scroll(...)
表示されていない領域を含むページ全体のスクロールを対象とします。詳細は スクロール進捗タイムライン を参照してください。
view(...)
表示されている領域(ビューポート)を対象とします。詳細は ビュー進捗タイムライン を参照してください。

関連項目

リンク