css-animation

# css-animation
---

make css animation easier

[![NPM version][npm-image]][npm-url]

[npm-image]: http://img.shields.io/npm/v/css-animation.svg?style=flat-square
[npm-url]: http://npmjs.org/package/css-animation

## Development

```
npm install
npm start
```

## Example

http://localhost:6006/

online example: http://yiminghe.github.io/css-animation/


## Feature

* support ie8,ie8+,chrome,firefox,safari

## install

[![css-animation](https://nodei.co/npm/css-animation.png)](https://npmjs.org/package/css-animation)

## Usage

```js
import anim from 'css-animation';
anim(el,animationName,function(){});
```

## API

### void anim(el:DOMElement, animationName:String, callback:Function)

<table class="table table-bordered table-striped">
    <thead>
    <tr>
        <th style="width: 100px;">name</th>
        <th style="width: 50px;">type</th>
        <th style="width: 50px;">default</th>
        <th>description</th>
    </tr>
    </thead>
    <tbody>
        <tr>
          <td>el</td>
          <td>DOMElement</td>
          <td></td>
          <td>dom element to be animated</td>
        </tr>
        <tr>
          <td>animationName</td>
          <td>String|Object</td>
          <td></td>
          <td>will add animationName (if string) or animationName.name (if object) as class to el, then setTimeout 0 to add ${animationName}-active (if string) or animationName.active (if object) to el</td>
        </tr>
        <tr>
          <td>callback</td>
          <td>Function</td>
          <td></td>
          <td>triggered when anim caused by animationName is done</td>
        </tr>
    </tbody>
</table>

## License

css-animation is released under the MIT license.


css-animation

css-animation

Development

Example

Feature

install

Usage

API

void anim(el:DOMElement, animationName:String, callback:Function)

License

Keywords

Related posts

name	type	description
el	DOMElement	dom element to be animated
animationName	String\|Object	will add animationName (if string) or animationName.name (if object) as class to el, then setTimeout 0 to add ${animationName}-active (if string) or animationName.active (if object) to el
callback	Function	triggered when anim caused by animationName is done

css-animation

css-animation

Development

Example

Feature

install

Usage

API

void anim(el:DOMElement, animationName:String, callback:Function)

License

Keywords

Related posts

UnitedHealth Group Discloses Protected Health Information Compromised for “Substantial Portion of People in America” in Recent Cyberattack

How Threat Actors are Abusing GitHub’s File Upload Feature to Host Malware