Scroll-driven animations

Progress bar and bouncing ball

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras sit amet mauris mi. Cras non maximus lacus. Aliquam a varius nisi, sed molestie lorem. Donec magna libero, accumsan sed mattis accumsan, mollis at magna. Sed tempus quam in orci ultrices, vehicula viverra lacus faucibus. Ut tincidunt nisl nisi, a blandit augue ultricies id. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. In eget egestas diam. Quisque id luctus nunc. Nunc ligula quam, lobortis pulvinar libero eu, maximus ultricies dui. Ut id dictum lacus. Praesent fermentum rutrum vehicula. Nunc volutpat porttitor lectus. Suspendisse tempus vehicula turpis at elementum.

Sed feugiat faucibus est, ac efficitur eros. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam nec felis at neque egestas consectetur sed sit amet ex. Fusce posuere lectus felis, eu volutpat eros pulvinar convallis. Aenean non varius purus, eu interdum eros. Nullam a ornare ante, non accumsan ligula. Cras efficitur nisl aliquet est vulputate pulvinar. Fusce molestie lectus non congue bibendum. In vehicula ipsum est, et vestibulum lacus consequat vel. Nulla rutrum, odio a lobortis auctor, metus quam consequat ante, quis feugiat ligula orci ut leo. Donec ultricies placerat velit eget pulvinar. Nulla at ante eu risus cursus varius quis non libero. In lobortis egestas lectus, a lobortis mauris varius imperdiet. Praesent fermentum vestibulum nulla nec pellentesque.

Sed placerat erat est, vel feugiat est viverra bibendum. Nullam id mauris sem. Etiam auctor arcu in ipsum pellentesque tempor. Sed lacinia, quam sit amet ullamcorper volutpat, ligula diam rutrum odio, sed pretium nulla nisl non mi. Cras pharetra metus sit amet ante dictum consequat. Vivamus finibus venenatis est, in luctus urna pulvinar vitae. Praesent laoreet ultrices ligula, non cursus purus tempor sed. Ut lacus nunc, bibendum in mattis eu, hendrerit in lorem. Ut at posuere justo. In hac habitasse platea dictumst. Phasellus lorem nibh, bibendum pellentesque euismod a, placerat in nisl. Sed non mi eget velit laoreet aliquam.

Image animation with view()

Morbi vitae varius arcu. Nam nec elementum mi. Morbi eget ante euismod, egestas tellus nec, lacinia orci. Integer gravida finibus mi non convallis. Nulla sit amet dapibus mauris, sed aliquet ante. Aenean rutrum bibendum porta. Cras quis fermentum ligula, in interdum mauris. Aenean consequat venenatis metus in pulvinar. Integer blandit mattis enim ac mollis. In tristique vel enim non auctor.

Nam non eleifend risus. Donec non leo sodales, vestibulum augue vitae, mattis dolor. Ut sit amet imperdiet ipsum. Cras suscipit imperdiet orci ac cursus. In vehicula sagittis elementum. Donec eu feugiat tortor. Proin fermentum mi ac augue pellentesque, in faucibus risus gravida. Morbi sit amet turpis id nisl dictum condimentum. Aliquam luctus mollis mauris, lobortis condimentum nibh pellentesque vel. Praesent commodo faucibus mauris, aliquet mollis risus tristique eget. Nam cursus ullamcorper purus ac interdum. Sed eget aliquet purus, at ornare ligula. Etiam dapibus sed enim vel iaculis. Nulla mi mauris, sagittis ut ex bibendum, pharetra aliquam nisi. Donec et ornare nunc, elementum dignissim est.

Nam non eleifend risus. Donec non leo sodales, vestibulum augue vitae, mattis dolor. Ut sit amet imperdiet ipsum. Cras suscipit imperdiet orci ac cursus. In vehicula sagittis elementum.

Aliquam luctus mollis mauris, lobortis condimentum nibh pellentesque vel. Praesent commodo faucibus mauris, aliquet mollis risus tristique eget.