Pin & Zoom Images On Scroll Using GSAP
A tiny JavaScript snippet that pins and zooms images while scrolling. Based on the GSAP Animation library and its ScrollTrigger plugin.
JavaScript & CSS Scroll Animation
Scroll-driven Interactions In JavaScript – Scrollmotion
A JavaScript library for scroll-driven interactions that use Animate.css library (or any other animation libraries) to animate elements as they scroll into view.
Highlight Elements While Scrolling – Opacity Scroller
A JavaScript library that uses CSS opacity property to fade in/out elements on page scroll.
Animate on Scroll Using CSS3 Animations And Intersection Observer
Use the Intersection Observer API to trigger CSS3 animations on scroll by calling a function when scrolling meets a given height threshold.
Trigger CSS3 Animations As Elements Are Revealed By Scroll – Enfold.js
A tiny web component that allows you to trigger 20+ CSS3 powered animations when elements are revealed by user scroll.
Fade & Scroll In Elements On Scroll – Scrolls.js
A lightweight and performant scroll animation library for fading and scrolling in elements when they appear in the viewport.
Fade Elements In Sequence When Scrolling Down – scrollShow.js
A JavaScript library that applies a fade-in animation to elements when they’re scrolled into view.
Scroll Position Based Animations In JavaScript – Trigger.js
A lightweight JavaScript AOS (Animate On Scroll) library that makes it easier to animate elements based on scroll position.
Fade In/Out Elements On Scroll – ScrollFade.js
A JavaScript library for fading in/out elements as they’re scrolled into and out of the viewport.
Trigger CSS Animations As Elements Enter The Viewport – Animon.js
A tiny JavaScript library that triggers CSS animations on elements as they enter the viewport.