网易UEDC
网易UEDC
Mar 4, 2019 · Frontend Development

Turning Designer‑Written Code into Seamless Front‑End Animations for NetEase Music’s 2018 Listening Report

An in‑depth look at how the NetEase Music 2018 Listening Report’s rich, emotion‑driven animations were crafted, from designer‑written CSS code and thousands of lines of motion design to practical decisions on formats like GIF, SVG, Lottie, and the custom BX‑AE2CSS tool that exports After Effects animations directly to CSS.

CSSDesignSVG
0 likes · 12 min read
Turning Designer‑Written Code into Seamless Front‑End Animations for NetEase Music’s 2018 Listening Report