Fadin
Extremely light fade in animation library. 3kb in size ungzipped :rocket:
Getting Started
- Documentation
- Example siterun 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 documation comments / clear up
- add options to fade in my direction
- make more performant/smooth
- let options be functions and valuesLicense
This project is licensed under the MIT License - see the LICENSE.md file for detailsFree Software, Hell Yeah!