intermediatetermMotion and interactionMotion and interaction / Animation performance
IntermediateNot yet reviewed

Animation performance

Animations stay smooth when they change properties the browser can handle without recalculating layout, mainly transform and opacity.

Definition

Animations stay smooth when they change properties the browser can handle without recalculating layout, mainly transform and opacity.

Use case

Move things with transform instead of top and left, and the animation avoids stutter on slower phones.

Related terms

Articles

Suggest a change