Tagged articles

Animation Performance

2 articles · Page 1 of 1

Mar 27, 2026 · Mobile Development

HarmonyOS Dynamic Gradient Backgrounds: From Property Animation to Keyframe Animation

This article details two approaches for creating dynamic gradient backgrounds in HarmonyOS apps: a simple property animation for color transitions and a high-performance keyframe animation that moves an oversized gradient layer to achieve complex flowing and rotating effects, with complete code examples and a comparison table.

Animation PerformanceArkUIDynamic Gradient

0 likes · 22 min read

HarmonyOS Dynamic Gradient Backgrounds: From Property Animation to Keyframe Animation

NetEase Cloud Music Tech Team

Jan 17, 2022 · Frontend Development

Unlock Smooth Animations: Mastering the Browser Rendering Pipeline and Performance

This article explains the browser's rendering pipeline—from render trees and layers to compositing and rasterization—and provides practical techniques such as passive event listeners, requestAnimationFrame, CSS containment, and will-change to dramatically improve animation smoothness and reduce layout and paint costs.

Animation PerformanceCSSFrontend Optimization

0 likes · 27 min read

Unlock Smooth Animations: Mastering the Browser Rendering Pipeline and Performance