BestHub
search
Sign in
Tag

JavaScript animation

1 views collected around this technical thread.

vivo Internet Technology
vivo Internet Technology
Sep 21, 2022 · Frontend Development

Comprehensive Guide to Front-End Animation: Classification, Implementation Methods, and Scenario-Based Selection

The Vivo Internet Front‑End Team’s guide classifies front‑end animations by usage, rendering method and type, details CSS, canvas, SVG and JavaScript implementations for frame, tween, SVG, bone and 3D animations, compares performance, and provides a scenario‑driven flowchart to help developers select the optimal solution such as pure CSS, Anime.js, Lottie or PixiJS.

CSS animationJavaScript animationWeb Development
0 likes · 33 min read
Comprehensive Guide to Front-End Animation: Classification, Implementation Methods, and Scenario-Based Selection
LOFTER Tech Team
LOFTER Tech Team
Aug 25, 2021 · Frontend Development

Technical Summary of H5 Animation Techniques for NetEase LOFTER

This article presents a comprehensive technical summary of various H5 animation solutions—including pure CSS, dynamics.js, random motion, frame animation, lottie, video and APNG/WebP—along with mobile adaptation strategies using flexbox and practical video preloading methods for improved performance and user experience.

CSS animationCanvasFlexbox
0 likes · 18 min read
Technical Summary of H5 Animation Techniques for NetEase LOFTER