动画词汇表

An entrance crosses the final scale briefly, then settles back to create a compact spring-like accent.

Lifecycle motion communicates when an element joins or leaves the rendered interface.

A renderer calculates intermediate property values between defined states to produce continuous change.

A coordinated timeline orders multiple motions so their starts, overlaps, and finishes express one event.

The delay is the interval between a trigger and the first active frame.

A fill mode selects which keyframe styles apply outside the active animation interval.

Progress advances through fixed discrete states instead of continuously interpolated values.

A transform multiplies an element's rendered width and height around a chosen origin.

A transform changes an element's angular orientation around its transform origin.

A shear transform offsets one axis in proportion to the other, producing a slanted silhouette.

Perspective sets the viewer-to-plane distance used to project three-dimensional transforms; shorter distances amplify depth.

The transform origin defines the local pivot from which scaling and rotation are calculated.

A transition preserves recognizable geometry or position across states so viewers can follow the change.

A persistent visual object changes position, size, or styling while connecting two layouts.

Changes in measured position or dimensions are animated between layout snapshots.

The browser captures old and new render states, then animates their snapshots and designated shared elements.

Pointer movement directly updates an object's position from grab until release.

Movement beyond a boundary is attenuated, then restored toward the valid range after release.

Progress advances quickly after activation and decelerates near completion, giving responsive UI motion a controlled arrival.

Progress accelerates from a gentle start toward a faster finish, fitting departures that should gather speed.

Progress accelerates through the middle and decelerates at both ends, supporting visible point-to-point travel.

Timeline progress and property progress remain proportional, producing a constant rate suitable for continuous indicators.

Four control points describe a cubic Bézier timing curve for custom acceleration and deceleration.

Different acceleration and deceleration shapes give the entrance and arrival distinct timing characteristics.

Stiffness determines the restoring force applied for a given distance from the spring's target.

Damping removes energy from a spring over time, controlling oscillation and settlement.

Mass sets inertia in the spring equation, influencing acceleration and the perceived weight of motion.

A spring crosses its target one or more times before its oscillation converges.

The perceived duration ends when remaining spring movement falls below a visually meaningful threshold.

Stored velocity continues to influence motion after direct manipulation ends.

Velocity records both speed and direction, allowing a new transition to inherit current movement.

An in-progress transition accepts a new target while retaining continuity of position and velocity.

Successive iterations reverse playback direction so each endpoint becomes the next starting point.

A low-amplitude cycle of scale, opacity, or color periodically emphasizes an element.

A slow repeating translation produces a light hovering impression around a stable resting point.

A geometric clipping region controls which portion of an element is painted.

An alpha or luminance image modulates visibility, allowing gradients and soft-edged reveals.

Tabular numeral glyphs share a fixed advance width, keeping changing values spatially stable.

Jank is a perceptible break in motion caused by irregular frame timing or delayed main-thread work.

A dropped frame occurs when rendering misses a display deadline and the previous image remains visible for another refresh.

The will-change property warns the browser about an upcoming property change so it can prepare relevant rendering resources.

Repeated interleaving of layout reads and writes forces synchronous recalculation and consumes the frame budget.

Secondary parts continue and settle after the main body reaches its destination, reinforcing weight and flexibility.

Temporary deformation links shape to force, speed, or impact while preserving recognizable volume.

Exposure frequency sets an animation's acceptable emphasis and length; repeated motion benefits from greater restraint.

Objects retain coherent position, direction, and identity across states so changes remain easy to trace.

Hardware acceleration uses compositor and GPU resources for eligible visual updates, helping frames meet display deadlines.