fadin

[![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="#

  • fadin

Downloads in past

Stats

StarsIssuesVersionUpdatedCreatedSize
fadin
1181.7.15 years ago5 years agoMinified + gzip package size for fadin in KB

Readme

Fadin
Build Status Coverage Status code style: prettier npm version MIT
Extremely light fade in animation library. 3kb in size ungzipped :rocket:
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 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!