#优质博文 #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.
【动画化/MAPPA】家乡最棒！先导PV【MCE汉化组】
家乡最棒！先导PV@夏日幻听MCE:
发布视频
播放量:19.64万 弹幕:716 评论:2374
点赞:1.18万 投币:170 收藏:3604 转发:1.21万
发布日期:2026-06-19 14:42:51
🔝> :
故事介绍
在环境恶劣的家乡，女孩们努力生存的经历，因风格独特在社交媒体上颇受关注
网飞独播
STAFF
监督：五十岚季旺（mappa所属，第一次担任监督，电锯人剧场版、失忆投捕、乱马1/2担任演出助理）
脚本：高田亮（日剧编剧，普通的孩子、失踪、我们都无法成为大人）
角色设计：りお
美术监督：高田尚辉
色彩设计：垣田由纪子
3DCG监督：泽井阳生
摄影监督：米田香织
剪辑：长坂智树
动画制片人：小川崇博
制作：MAPPA
