CSS ScrollTimeline-ViewTimeline 滚动驱动动画实践 进度条-元素入场
使用 ScrollTimeline 与 ViewTimeline 构建滚动驱动的进度条与元素入场动画，在不依赖 JS 的前提下实现高性能视觉反馈并保持可访问性退化。
动画
"动画性能选择：Web Animations API 与 CSS 的取舍"
"比较 Web Animations API 与 CSS 动画/过渡的能力与性能差异，说明在控制力与合成层方面的取舍，并给出工程实践与参考。"
CSS @property 自定义属性注册与动画可组合性实践
使用 `@property`/`CSS.registerProperty` 为自定义属性声明语法、初始值与继承规则，让其可参与动画插值与合成，提升主题与状态驱动能力。
"动画可访问性：prefers-reduced-motion 与性能协作"
"解释媒体查询 prefers-reduced-motion 的作用，说明在动效与性能上的协作方式，并给出工程实践与参考。"
Web Animations API 流畅动画与性能优化实战
通过 Web Animations API 在合成线程运行动画，降低主线程占用，提供可中断、可复用的高性能动画体系。
View Transitions 与滚动驱动动画协同设计与冲突治理
协调视图过渡与滚动驱动动画的时间线与样式作用，避免冲突与闪烁，并提供 Firefox 差异的工程化提示。
Scroll-driven Animations 滚动驱动动画与时序控制实践
使用 Scroll-driven Animations 将滚动位置映射为动画进度，结合 entry/exit 区间实现更自然的交互与性能友好的视差效果。
Scroll-Driven Animations 与 ViewTimeline 页面滚动驱动动画实践
使用 Scroll-Driven Animations 与 ViewTimeline 构建滚动驱动的页面动画，提升叙事性与交互体验，并验证对性能与可访问性的影响。
Scroll-driven Animations 与 ViewTimeline 交互动画实践
使用 Scroll-driven Animations 与 ViewTimeline 构建滚动驱动的动画效果，协同性能与可访问性并提供跨浏览器验证与回退方案。
A11y 动画降级与 View Transitions 降级路径
基于 prefers-reduced-motion 提供可访问的动画降级策略，与 View Transitions 协同，确保不同偏好与设备下体验一致。
