UX Guideline: Animation — Transform Performance. Platform: Web. Description: Some CSS properties trigger expensive repaints. Do: Use transform and opacity for animations. Don't: Animate width/height/top/left properties. Good Example: transform: translateY(). Bad Example: top: 10px animation. Severity: Medium.