How are dynamic pages made: CSS3 animations or scripts?

Question

css

Good afternoon! The task was to make a dynamic landing, so that the text would smoothly appear from the side-top-bottom, respond to mouse scrolling and all sorts of other effects. Something like this , but not as difficult. In general, the usual information page with animated effects.
It so happened that I had not encountered this before and I want it to turn out not crooked.
Can you please tell me how this is done? CSS3 animation or some js plugins?
Browser requirements: modern and ipad.

Answer 1

The scroll response is done via js. On jQuery, you can use the scrollTop method or a plugin. Animation is better done with CSS3, it will be smoother than if done with jQuery. Regarding the appearance of text on the side from top to bottom, this is parallax. There are good plugins that do this. Just look. For example on github.com

Answer 2

I made such effects using the waypoints plugin .