TE
TechEcho
Home24h TopNewestBestAskShowJobs
GitHubTwitter
Home

TechEcho

A tech news platform built with Next.js, providing global tech news and discussions.

GitHubTwitter

Home

HomeNewestBestAskShowJobs

Resources

HackerNews APIOriginal HackerNewsNext.js

© 2025 TechEcho. All rights reserved.

CSS Animations: The Untold Story

1 pointsby johnjlockeover 10 years ago

1 comment

jschrfover 10 years ago
If you need advanced animations for things like interactive experiences of very complex scenarios, then a fully fledged animation lib is the right tool for the job, and GSAP is an excellent choice.<p>If you need fairly simple things like sliding panels, off-canvas menus, fades, and other common flourishments, CSS is always going to be the winner in terms of performance and lower overhead.<p>Look at it this way: No matter how good JS-driven animation libs get at tweening, syncing frames, and playing in the DOM, they&#x27;ll never be able to beat the browser itself in the long term.<p>JS performance in V8 and SpiderMonkey is so good that we get to be competitive with the browser itself when it comes to things like animating. That&#x27;s awesome! However, no matter how many tricks or strategies libs exploit and leverage, the browser will always have the upper hand. You&#x27;re running inside of it and abiding by its rules, after all.<p>Thanks for the article. The video was interesting and the comment section has some good discussion.<p>I didn&#x27;t see mention of mobile in the article, which I think is where the performance characteristics of both approaches will really become apparent. I&#x27;d be very interested in seeing these benchmarks on iOS and Android devices.