前端工程8 分钟
让动画跑在合成层：transform/opacity 与 layout thrash 的边界
前端动效性能的核心是只动 GPU 能独立处理的属性。讲清 transform/opacity 为何安全、哪些属性会触发布局重排、以及读写分离避免强制同步布局。
性能动效渲染CSS
KAIROS.WORKSPACE
技术宇宙 / ONLINE
Tag
#动效
共 4 篇内容。
前端工程5 分钟
文章页图片的懒加载与淡入：不制造布局偏移的做法
正文图片用 loading=lazy + decode=async 延迟解码，配合占位尺寸与淡入，兼顾性能与体验，并处理失败与 reduced-motion。
图片优化性能CLS动效
前端工程11 分钟
力导向图最小实现：在原生 Canvas 上写一个物理引擎
不引库做出可拖拽的知识图谱星图：斥力、弹簧、向心力三股力量如何配平，缩放平移的坐标换算，以及 reduced-motion 下的静态降级。
Canvas数据可视化JavaScript动效
博客工程Astro 博客建设9 分钟
View Transitions 在多模板博客里的实战分层
用 Astro ClientRouter 做页面过渡时，如何按"全局底座 / 页面专属 / 组件内部"三层管理动画生命周期，避免监听器泄漏和动画叠加。
Astro动效View TransitionsJavaScript