多组动画与嵌套变换 | 星雨笔录

协调多个动画与内外层不同变换。

核心: 用逗号为同一元素设置多组动画,或用父子两层避免 transform 相互覆盖。

最小示例:

.icon { animation: fade 1s infinite, glow 2s infinite; }

学完能做: 协调多个动画与内外层不同变换。