术语表 · 动画

关键帧

动画中定义元素外观的一个时刻；两个关键帧之间，由浏览器计算运动。

详细说明

在动画中，你只需定义重要的时刻（元素出现、到达位置、消失），浏览器会补全中间的部分。这些时刻就是关键帧。

在 CSS 中用 @keyframes 编写。使用 JavaScript 时，Web Animations API（elemento.animate()）接受同样的时刻列表和持续时间，例如「在 0.6 秒内移动这个元素」。

示例

@keyframes entra { from { opacity: 0 } to { opacity: 1 } }

用真实的活动试试看。