seokju-na / finn

Animation! Fun! Cool!

Finn

Cool!

Usage

import { AnimationRegistry, FlyInOutAnimationBehavior } from '@sj/finn';


const registry = new AnimationRegistry();

registry
    .setAnimationBehavior('flyInOut', FlyInOutAnimationBehavior)
    .setAnimationBehavior('customAnim', MyCustomAnimationBehavior);

registry.registerScrollReactAnimation({
    element: document.getElementById('ho'),
    behaviorId: 'flyInOut',
    offsetFallback: 'vertical',
    threshold: 0,
})

License

MIT Licensed