博客换了新主题之后，我想再给文章加个动画。
一开始想用 Remotion：用代码写动画，渲染成视频，嵌进文章里。思路没问题，但视频一出来就太重了，几秒的片子也要几 MB，文章页面一下子就变沉了。
所以改成了纯 CSS 动画：几行样式，跟着页面一起下来，整页只有十几 KB。
视频太重
CSS 更轻
循环才看得见
✦
改的过程中踩了两个坑，值得记下来：
- CSS 没包样式标签，就会被当成正文显示。 动画样式要放在完整的样式块里，裸贴到页面上，浏览器会直接把代码印在页面顶部，卡片也全没样式。
- 入场动画只播一次，等于没动画。 一开始卡片只在打开那一刻滑入一次，播完就静止了，晚打开的人根本看不到。改成循环浮动之后，什么时候打开都能看到在动。
结论很简单：文章里的动画，能用 CSS 就别用视频；一定要用视频的，先压小、再懒加载；动画一定要循环，别只做一次入场。