Ask HN: How does beatrixapp site do this animation?

1 pointalecsmart12 comments

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?

View on HN

They probably did it manually. It's not that hard considering it only includes scrolling, positioning elements, opacity changes and CSS class substitutions.

The reason why it looks fluid is because they use appropriate easing functions that feel more natural and snappy.

Also, apart from the scrolling, it can be done using only CSS animations. Check out my website for tons of CSS animations: http://bbxdesign.com

Thank you

Reply on news.ycombinator.com