HyperFrames 的 css-animations，也叫 hyperframes-css-animations，是指导 AI 把 CSS 动画接入视频时间轴的 Skill。重点是预览或渲染跳到某个时刻时，元素仍能显示该时刻应有的状态。
普通网页动画可以跟着打开页面的时间播放，视频渲染却可能直接取中间一帧。它因此要求给元素明确开始时间，优先使用有限时长和重复次数，让运行时能定位动画并计算结束位置。
适合的内容包括单个元素入场、已知次数的脉冲、微光和遮罩变化。依赖鼠标悬停、临时切换类名或真实时钟的动作，不宜成为渲染关键步骤。复杂场景编排则有更合适的时间轴工具。
你给出已有 HyperFrames 项目与动画要求，AI 按这些约定编写或调整样式，再执行项目检查。判断结果要看跳转后的具体帧，而不只是从头播放时看起来正常。