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.

Ask HN: How does beatrixapp site do this animation?

1 pointsby alecsmart1over 11 years ago
Please have a look at http://beatrixapp.com. I am unable to figure out how they are performing the fluid animation jquery animation. It does not look like they have manually made the whole animation (or have they)? Can Google Web Designer be used for something like this?

1 comment

bbxover 11 years ago
They probably did it manually. It&#x27;s not that hard considering it only includes scrolling, positioning elements, opacity changes and CSS class substitutions.<p>The reason why it looks fluid is because they use appropriate easing functions that feel more natural and snappy.<p>Also, apart from the scrolling, it can be done using only CSS animations. Check out my website for tons of CSS animations: <a href="http://bbxdesign.com" rel="nofollow">http:&#x2F;&#x2F;bbxdesign.com</a>
评论 #6614314 未加载