CSS View Transitions 原生视图过渡与路由动画治理（2025）
CSS View Transitions 原生视图过渡与路由动画治理（2025）一、能力与场景View Transitions：在同域页面切换时自动捕获旧/新视图并生成过渡快照（页面过渡）。场景：路由跳转、列表到详情、布局切换的平滑变换（路由动画）。二、实现与时序触发：使用 `document.st
动画
ScrollTimeline 滚动驱动动画：CSS Scroll-Linked Animations 与性能实践
使用 ScrollTimeline 与 CSS Scroll-Linked Animations 构建滚动驱动动画，覆盖时间线定义、元素绑定与性能实践，提供可验证的帧率与交互指标
View Transitions API 跨页视图过渡与路由动画：状态保留与性能验证
使用 View Transitions API 为单页与多页应用实现跨视图过渡与路由动画，结合状态保留与性能验证，提升导航体验并保持高帧率
View Transitions 与滚动驱动动画协同设计与冲突治理
协调视图过渡与滚动驱动动画的时间线与样式作用，避免冲突与闪烁，并提供 Firefox 差异的工程化提示。
CSS @property 自定义属性注册与动画可组合性实践
使用 `@property`/`CSS.registerProperty` 为自定义属性声明语法、初始值与继承规则，让其可参与动画插值与合成，提升主题与状态驱动能力。
"ImageDecoder API：图片解码与动画帧管线"
"介绍 ImageDecoder 的使用与帧读取，针对静态与动画图片（如 GIF/WEBP），将解码帧转为位图或 VideoFrame 并绘制，说明性能与内存管理。"
Web Animations API 流畅动画与性能优化实战
通过 Web Animations API 在合成线程运行动画，降低主线程占用，提供可中断、可复用的高性能动画体系。
动画性能选择：Web Animations API 与 CSS 的取舍
"比较 Web Animations API 与 CSS 动画/过渡的能力与性能差异，说明在控制力与合成层方面的取舍，并给出工程实践与参考。"
前端动画性能：CSS、Transform与requestAnimationFrame
通过正确的动画属性与调度机制，减少重排/重绘与主线程阻塞，提升交互与视觉流畅度。
动画可访问性：prefers-reduced-motion 与性能协作
"解释媒体查询 prefers-reduced-motion 的作用，说明在动效与性能上的协作方式，并给出工程实践与参考。"
