动画

Scroll-driven Animations 滚动驱动动画与性能治理(2025)

Scroll-driven Animations 滚动驱动动画与性能治理(2025)一、能力与用法animation-timeline:将滚动位置映射为时间轴;驱动关键帧(animation-timeline)。场景:渐入渐出、视差滚动、章节进度指示(视差)。二、性能与降级性能:优先使用合成层与 `

CSS View Transitions 原生视图过渡与路由动画治理(2025)

CSS View Transitions 原生视图过渡与路由动画治理(2025)一、能力与场景View Transitions:在同域页面切换时自动捕获旧/新视图并生成过渡快照(页面过渡)。场景:路由跳转、列表到详情、布局切换的平滑变换(路由动画)。二、实现与时序触发:使用 `document.st