|
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