Keyframe

Noun · Development

Definitions

  1. A defined point in an animation timeline that specifies property values the renderer should match at that moment, with intermediate frames interpolated automatically. In CSS, @keyframes rules are used to animate properties such as opacity, transform, or color over time.

    In plain English: It is a marked moment in an animation that tells the system what the object should look like there.

    Example: "Add a keyframe at 50% so the modal overshoots slightly before it settles into place."

Related Terms