CSS - scroll-timeline-*
概要
| 属性名 | scroll-timeline scroll-timeline-name scroll-timeline-axis |
|---|---|
| 値 |
scroll-timeline: [ <scroll-timeline-name> || <scroll-timeline-axis>? ]# scroll-timeline-name: [ none | <dashed-ident> ]# scroll-timeline-axis: [ block | inline | x | y ]# |
| 初期値 | none block |
| 適用可能要素 | すべての要素 |
| 継承 | 継承しない |
| サポート | https://caniuse.com/?search=scroll-timeline |
説明
animation-timeline から参照されるスクロール進捗タイムラインの名前とスクロール方向を定義します。詳細は スクロールドリブンアニメーション を参照してください。
関連項目
- animation-timeline
- view-timeline
- view-timeline-name
- view-timeline-axis
- view-timeline-inset
- timeline-scope
- animation-range
- animation-range-start
- animation-range-end
リンク
- https://drafts.csswg.org/scroll-animations/#scroll-timeline-shorthand
- https://developer.mozilla.org/en-US/docs/Web/CSS/scroll-timeline
- https://caniuse.com/?search=scroll-timeline
Copyright (C) 2025 杜甫々
初版：2025年3月30日、最終更新：2025年3月30日
https://www.tohoho-web.com/css/prop/scroll-timeline.htm