Lightweight tween scroll animations

grow / airkit2

Airkit is a collection of JavaScript and SASS components designed to make life easier for the modern frontend developer.

https://grow.github.io/airkit2/

MIT License

0 stars 2 forks source link

Lightweight tween scroll animations #4

Open stevenle opened 5 years ago

stevenle commented 5 years ago

There should be a lightweight tween animation component that responds to scroll events. An example of the data configuration from a well-known site:

data-anim-tween="{"relativeTo":".section-cameras .hero-container", "start":"15rh", "end":"30rh", "opacity":[1, 0.35], "disabledWhen": ["no-sticky","reduced-motion"]}"