全部原子动效keyframes关键帧编排多阶段关键帧、插值、步进与结束状态。复制给 Agent已复制复制失败复制代码已复制复制失败参数工具React + Motion参数可调支持减弱动效预览代码预览代码预览代码重播安装npx shadcn@latest add https://motion-lexicon.pages.dev/r/primitive-keyframes.json复制命令已复制复制失败实现规则目的定义多阶段状态、补间方式、步进节奏和动画结束后的样式。触发由明确状态变化或演示重播触发,每个关键帧承担可解释的阶段。可中断性中断后根据当前计算样式建立新时间线,避免强制跳到某个关键帧。减弱动效缩短为一次状态切换,移除预备、回弹和重复阶段。相关术语keyframes关键帧动画中预先定义的节点(如 0%、50%、100%),浏览器会补全节点之间的画面。interpolation-tween插值 / 补间生成起始值与结束值之间的所有中间帧,让运动保持连续。orchestration动效编排有意识地安排多段动画的时间关系,让它们呈现为一个协调的整体动作。fill-mode填充模式控制元素在动画开始前或结束后是否保留首帧或末帧样式,例如 forwards。stepped-animation步进动画被划分为若干离散步骤的动画,例如倒计时器。相关原子动效交错动画时长