ATLAS / DESIGN REFERENCE

Reference index / 시간·보간·이징·물리

Tween

트윈 · dar-4f219e519ba5

Changing values by calculating intermediate states between a start and an end.

Try the example

When to use it

Animating positions, colors, and numeric values.

Caveats and distinctions

An easing name does not specify duration, travel distance, or interruption behavior. Spring parameters and units vary by implementation. Original educational implementation; not cross-browser or accessibility certification.

Implementation and classification

UI·UX 모션 / 시간·보간·이징·물리

Sources and verification status

https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Values/easing-function

분야 참고문서 · 참고 내용 열람 · 2026-10-28

Source scope and verification status describe the existing catalog record. Publishing this page does not independently re-verify the latest library version, license, or production behavior.

Related references