entry-animation-web-component v1.0.2

entry-animation-web-component

Web Component to easily handle scroll entry animations

Usage

1. Install the package npm install entry-animation-web-component
2. Include dist/js/entry-animation.min.js in your project
3. Use the element in your HTML:

       <entry-animation>
           <article>
               <h2>Elements
               <p>Put here elements to animate in</p>
           </article>
       </entry-animation>

4. Add handler for entry event in JS:

       let entry = document.querySelector('entry-animation');
       entry.addEventListener('enterStart', () => {
           // Do something here
       }, false);

Events

Development

To develop, clone the repo, then run npm run develop to watch src/entry-animation.js and build.

Run npm run build to build a minified version.