AnimationAdvanced

CSS Keyframes & Transition Easing

Construct hardware-accelerated animations using transitions, keyframes, transform matrices, and ease settings.

Animation Principles

CSS supports two ways of animating elements: Transitions and Keyframe Animations.

# Easing Profiles

Use cubic-bezier curves instead of standard linear transitions to simulate realistic weight: ```css .card { transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1); } .card:hover { transform: translateY(-4px); } ```