「愿你在未来与我的既往重逢」
加入此频道，您能获得的福利：
- 会员限定贴文
- 表情回应使用
定期付款，随时可以取消。
创作者可能会更新福利。
升级计划: t.me/+KeNZttiOmFtlZjE1
*本频内容不构成投资建议，资料、工具、意见及推测仅供订户参考。 过去表现不代表未来，回报无法保证，投资者可能损失本金。 任何情况下，不对使用内容致损负责，投资者自行承担风险。投资有风险，入市需谨慎。
*本频内容不构成医疗建议、诊断或治疗，也不能用于替代药品，相关内容请在医师指导下购买和使用。
加入此频道，您能获得的福利：
- 会员限定贴文
- 表情回应使用
定期付款，随时可以取消。
创作者可能会更新福利。
升级计划: t.me/+KeNZttiOmFtlZjE1
*本频内容不构成投资建议，资料、工具、意见及推测仅供订户参考。 过去表现不代表未来，回报无法保证，投资者可能损失本金。 任何情况下，不对使用内容致损负责，投资者自行承担风险。投资有风险，入市需谨慎。
*本频内容不构成医疗建议、诊断或治疗，也不能用于替代药品，相关内容请在医师指导下购买和使用。
#优质博文 #CSS #前端 #动画 #course
A First Look at Scroll-Triggered Animations：Chrome 146 率先支持了纯 CSS 的滚动触发动画，让开发者不用 JS 也能实现类似 Intersection Observer 的元素入场动画。
A First Look at Scroll-Triggered Animations：Chrome 146 率先支持了纯 CSS 的滚动触发动画，让开发者不用 JS 也能实现类似 Intersection Observer 的元素入场动画。
AI 摘要：文章介绍了 Chrome 146 引入的新特性：滚动触发动画（Scroll-Triggered Animations）。不同于与滚动进度完全绑定的 Scroll-Driven 动画，Scroll-Triggered 允许在元素滚动到设定的视口阈值（如完全进入视口）时，直接触发并播放一段常规的、有固定时长的 CSS 动画。通过新属性 timeline-trigger 和 animation-trigger，开发者可以轻松控制动画的触发时机和播放行为（如仅播放一次或随着滚动进出反复触发），进一步减少了对 JavaScript 监听的依赖。
CSS-Tricks
A First Look at Scroll-Triggered Animations | CSS-Tricks
Let's poke at the differences between scroll-driven and scroll-triggered animations.
