Fadin

Extremely light fade in animation library. 3kb in size ungzipped 🚀

Getting Started

• Documentation
• Example site

run in your terminal

$ npm i fadin

constfadin=require('fadin')document.addEventListener('DOMContentLoaded',()=>{fadin('.my-class',{delay: 200})})

<divclass="my-class"></div><divclass="my-class" data-delay="0.4s"></div><divclass="my-class"></div>

.my-class {
opacity:0;
transition:0.3s opacity;
}

Todo list

• add more documentaion comments / clear up
• add options to fade in any direction
• make more performant/smooth
• let options be functions and values

License

This project is licensed under the MIT License - see the LICENSE.md file for details

Free Software, Hell Yeah!