⚡ 3.0.0

README.md

@@ -1,49 +1,54 @@
 # rc-animate
 ---
 
-animate react element easily
+Animate React Component easily.
 
 [![NPM version][npm-image]][npm-url]
 [![build status][travis-image]][travis-url]
 [![Test coverage][coveralls-image]][coveralls-url]
-[![gemnasium deps][gemnasium-image]][gemnasium-url]
-[![node version][node-image]][node-url]
+[![Dependencies][david-image]][david-url]
+[![DevDependencies][david-dev-image]][david-dev-url]
 [![npm download][download-image]][download-url]
-
-[npm-image]: http://img.shields.io/npm/v/rc-animate.svg?style=flat-square
-[npm-url]: http://npmjs.org/package/rc-animate
-[travis-image]: https://img.shields.io/travis/react-component/animate.svg?style=flat-square
-[travis-url]: https://travis-ci.org/react-component/animate
-[coveralls-image]: https://img.shields.io/coveralls/react-component/animate.svg?style=flat-square
-[coveralls-url]: https://coveralls.io/r/react-component/animate?branch=master
-[gemnasium-image]: http://img.shields.io/gemnasium/react-component/animate.svg?style=flat-square
-[gemnasium-url]: https://gemnasium.com/react-component/animate
-[node-image]: https://img.shields.io/badge/node.js-%3E=_0.10-green.svg?style=flat-square
-[node-url]: http://nodejs.org/download/
-[download-image]: https://img.shields.io/npm/dm/rc-animate.svg?style=flat-square
-[download-url]: https://npmjs.org/package/rc-animate
-
-## Feature
-
-* support ie8,ie8+,chrome,firefox,safari
-
-## install
-
-[![rc-animate](https://nodei.co/npm/rc-animate.png)](https://npmjs.org/package/rc-animate)
+[![bundle size][bundlephobia-image]][bundlephobia-url]
+
+[npm-image]: http://img.shields.io/npm/v/rc-animation.svg?style=flat-square
+[npm-url]: http://npmjs.org/package/rc-animation
+[travis-image]: https://img.shields.io/travis/react-component/animation.svg?style=flat-square
+[travis-url]: https://travis-ci.org/react-component/animation
+[coveralls-image]: https://img.shields.io/coveralls/react-component/animation.svg?style=flat-square
+[coveralls-url]: https://coveralls.io/r/react-component/animation?branch=master
+[david-url]: https://david-dm.org/react-component/animation
+[david-image]: https://david-dm.org/react-component/animation/status.svg?style=flat-square
+[david-dev-url]: https://david-dm.org/react-component/animation?type=dev
+[david-dev-image]: https://david-dm.org/react-component/animation/dev-status.svg?style=flat-square
+[download-image]: https://img.shields.io/npm/dm/rc-animation.svg?style=flat-square
+[download-url]: https://npmjs.org/package/rc-animation
+[bundlephobia-url]: https://bundlephobia.com/result?p=rc-animation
+[bundlephobia-image]: https://badgen.net/bundlephobia/minzip/rc-animation
+
+## Install
+
+[![rc-animation](https://nodei.co/npm/rc-animation.png)](https://npmjs.org/package/rc-animation)
 
 ## Usage
 
-```jsx
+```js
 import Animate from 'rc-animate';
 
-ReactDOM.render(
+export default () => (
   <Animate animation={{ ... }}>
     <p key="1">1</p>
     <p key="2">2</p>
   </Animate>
-, mountNode);
+);
 ```
 
+## Compatibility
+
+| [<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 |
+| --- | --- | --- | --- | --- |
+| IE11, Edge | last 2 versions | last 2 versions | last 2 versions | last 2 versions |
+
 ## API
 
 ### props

package.json

@@ -1,6 +1,6 @@
 {
   "name": "rc-animate",
-  "version": "2.11.1",
+  "version": "3.0.0",
   "description": "css-transition ui component for react",
   "keywords": [
     "react",