Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together.

Reference

Exit Animation 퇴장 애니메이션

Motion used when an element disappears.

Specifying motion, transitions, and visual effects.

Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together.

Reference

Fade In / Out 페이드 인·아웃

Changing opacity to make an element appear or disappear.

Specifying motion, transitions, and visual effects.

Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together.

Reference

Slide In / Out 슬라이드 인·아웃

Sliding an element into or out of view.

Specifying motion, transitions, and visual effects.

Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together.

Reference

Ease-in / Ease-out 가속·감속 이징

Changing the animation's speed near its beginning or end.

Specifying motion, transitions, and visual effects.

Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together.

Reference

Lottie Animation 로티 애니메이션

Displaying a vector-based JSON animation within an interface.

Specifying motion, transitions, and visual effects.

Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together.

Reference

Rive Animation 라이브 애니메이션

Real-time interactive animation connected to a state machine.

Specifying motion, transitions, and visual effects.

Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together.

Reference

Blur Effect 블러 효과

Blurring an element to influence visual focus.

Specifying motion, transitions, and visual effects.

Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together.

Reference

Backdrop Blur 배경 블러

Blurring content behind a translucent foreground element.

Specifying motion, transitions, and visual effects.

Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together.

Reference

Glassmorphism 글래스모피즘

A glass-like visual treatment using translucency, background blur, and highlights.

Specifying motion, transitions, and visual effects.

Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together.

Reference

Neumorphism 뉴모피즘

A visual style using low-contrast shadows to suggest raised or recessed surfaces.

Specifying motion, transitions, and visual effects.

Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together.

Reference