|  | 
| 1 | 1 | # rc-animate | 
| 2 | 2 | --- | 
| 3 | 3 | 
 | 
| 4 |  | -animate react element easily | 
|  | 4 | +Animate React Component easily. | 
| 5 | 5 | 
 | 
| 6 | 6 | [![NPM version][npm-image]][npm-url] | 
| 7 | 7 | [![build status][travis-image]][travis-url] | 
| 8 | 8 | [![Test coverage][coveralls-image]][coveralls-url] | 
| 9 |  | -[![gemnasium deps][gemnasium-image]][gemnasium-url] | 
| 10 |  | -[![node version][node-image]][node-url] | 
|  | 9 | +[![Dependencies][david-image]][david-url] | 
|  | 10 | +[![DevDependencies][david-dev-image]][david-dev-url] | 
| 11 | 11 | [![npm download][download-image]][download-url] | 
| 12 |  | - | 
| 13 |  | -[npm-image]: http://img.shields.io/npm/v/rc-animate.svg?style=flat-square | 
| 14 |  | -[npm-url]: http://npmjs.org/package/rc-animate | 
| 15 |  | -[travis-image]: https://img.shields.io/travis/react-component/animate.svg?style=flat-square | 
| 16 |  | -[travis-url]: https://travis-ci.org/react-component/animate | 
| 17 |  | -[coveralls-image]: https://img.shields.io/coveralls/react-component/animate.svg?style=flat-square | 
| 18 |  | -[coveralls-url]: https://coveralls.io/r/react-component/animate?branch=master | 
| 19 |  | -[gemnasium-image]: http://img.shields.io/gemnasium/react-component/animate.svg?style=flat-square | 
| 20 |  | -[gemnasium-url]: https://gemnasium.com/react-component/animate | 
| 21 |  | -[node-image]: https://img.shields.io/badge/node.js-%3E=_0.10-green.svg?style=flat-square | 
| 22 |  | -[node-url]: http://nodejs.org/download/ | 
| 23 |  | -[download-image]: https://img.shields.io/npm/dm/rc-animate.svg?style=flat-square | 
| 24 |  | -[download-url]: https://npmjs.org/package/rc-animate | 
| 25 |  | - | 
| 26 |  | -## Feature | 
| 27 |  | - | 
| 28 |  | -* support ie8,ie8+,chrome,firefox,safari | 
| 29 |  | - | 
| 30 |  | -## install | 
| 31 |  | - | 
| 32 |  | -[](https://npmjs.org/package/rc-animate) | 
|  | 12 | +[![bundle size][bundlephobia-image]][bundlephobia-url] | 
|  | 13 | + | 
|  | 14 | +[npm-image]: http://img.shields.io/npm/v/rc-animation.svg?style=flat-square | 
|  | 15 | +[npm-url]: http://npmjs.org/package/rc-animation | 
|  | 16 | +[travis-image]: https://img.shields.io/travis/react-component/animation.svg?style=flat-square | 
|  | 17 | +[travis-url]: https://travis-ci.org/react-component/animation | 
|  | 18 | +[coveralls-image]: https://img.shields.io/coveralls/react-component/animation.svg?style=flat-square | 
|  | 19 | +[coveralls-url]: https://coveralls.io/r/react-component/animation?branch=master | 
|  | 20 | +[david-url]: https://david-dm.org/react-component/animation | 
|  | 21 | +[david-image]: https://david-dm.org/react-component/animation/status.svg?style=flat-square | 
|  | 22 | +[david-dev-url]: https://david-dm.org/react-component/animation?type=dev | 
|  | 23 | +[david-dev-image]: https://david-dm.org/react-component/animation/dev-status.svg?style=flat-square | 
|  | 24 | +[download-image]: https://img.shields.io/npm/dm/rc-animation.svg?style=flat-square | 
|  | 25 | +[download-url]: https://npmjs.org/package/rc-animation | 
|  | 26 | +[bundlephobia-url]: https://bundlephobia.com/result?p=rc-animation | 
|  | 27 | +[bundlephobia-image]: https://badgen.net/bundlephobia/minzip/rc-animation | 
|  | 28 | + | 
|  | 29 | +## Install | 
|  | 30 | + | 
|  | 31 | +[](https://npmjs.org/package/rc-animation) | 
| 33 | 32 | 
 | 
| 34 | 33 | ## Usage | 
| 35 | 34 | 
 | 
| 36 |  | -```jsx | 
|  | 35 | +```js | 
| 37 | 36 | import Animate from 'rc-animate'; | 
| 38 | 37 | 
 | 
| 39 |  | -ReactDOM.render( | 
|  | 38 | +export default () => ( | 
| 40 | 39 |   <Animate animation={{ ... }}> | 
| 41 | 40 |     <p key="1">1</p> | 
| 42 | 41 |     <p key="2">2</p> | 
| 43 | 42 |   </Animate> | 
| 44 |  | -, mountNode); | 
|  | 43 | +); | 
| 45 | 44 | ``` | 
| 46 | 45 | 
 | 
|  | 46 | +## Compatibility | 
|  | 47 | + | 
|  | 48 | +| [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/edge/edge_48x48.png" alt="IE / Edge" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)<br>IE / Edge | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/firefox/firefox_48x48.png" alt="Firefox" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)<br>Firefox | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/chrome/chrome_48x48.png" alt="Chrome" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)<br>Chrome | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/safari/safari_48x48.png" alt="Safari" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)<br>Safari | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/electron/electron_48x48.png" alt="Electron" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)<br>Electron | | 
|  | 49 | +| --- | --- | --- | --- | --- | | 
|  | 50 | +| IE11, Edge | last 2 versions | last 2 versions | last 2 versions | last 2 versions | | 
|  | 51 | + | 
| 47 | 52 | ## API | 
| 48 | 53 | 
 | 
| 49 | 54 | ### props | 
|  | 
0 commit comments