用途：这条规则面向 CSS 动画性能审查，用于检查样式表、组件样式与响应式状态中的动画实现，判断动画属性是否会触发浏览器渲染流水线中的布局与绘制开销。
主要能力：
- 找出文件中动画或过渡使用了 top、left、width、height、margin 等触发布局属性的地方，并标记为待优化。
- 给出修复方向：位置变化改用 translate()，尺寸变化改用 scale() 等 transform 等价写法。
- 解释浏览器渲染流水线，说明为何 transform 与 opacity 对动画更高效，以及 GPU 合成层的工作方式。
- 在代码审查中定位具体选择器、声明或断点，指出在渲染界面中违反该规则的位置。
要点参考：
- 只有 transform 和 opacity 可以在不触发布局的情况下由 GPU 合成。
- 谨慎使用 will-change: transform 将元素提升为独立合成层。
- 简单效果优先使用 CSS 过渡与动画，而非 JavaScript 动画库。
- 尊重 prefers-reduced-motion，为有需要的用户禁用动画。
使用方式：依据该规则对相关 CSS 进行扫描，先标记问题动画属性，再按 transform 等价写法修复，必要时结合渲染流水线解释向团队说明。完整实现细节、代码示例与框架相关指导见 references/rule.md，规则页面为 https://frontendchecklist.io/rules/css/animation-performance。
适用场景：前端代码审查、组件样式评审、响应式状态检查与动画性能优化。
限制：资料未提供具体工具命令、运行环境、自动化集成方式或版本信息，相关细节暂未提供。