fadin
v1.7.1
Published
[![Build Status](https://travis-ci.org/dev-warner/fadin.svg?branch=master)](https://travis-ci.org/dev-warner/fadin) [![Coverage Status](https://coveralls.io/repos/github/dev-warner/fadin/badge.svg)](https://coveralls.io/github/dev-warner/fadin) <a href="#
Downloads
1,198
Readme
Fadin
Extremely light fade in animation library. 3kb in size ungzipped :rocket:
Getting Started
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 documation comments / clear up
- add options to fade in my 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!