Fadin

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

Getting Started

• Documentation
• Example site

run in your terminal

$ npm i fadin

const fadin = require('fadin')

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

<div class="my-class"></div>
<div class="my-class" data-delay="0.4s"></div>
<div class="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!