引导者本文目录一览：
react-transition-group动画以及数字滚动效果实现
1、React 动画插件 CssTransitionGroupReact 曾为开发者提供过动画插件 react-addons-css-transition-group ，后交由社区维护，形成现在的 react-transition-group ，该插件可以方便地实现组件的入场和离场动画，使用时需要开发者额外安装。
2、在退出动画设置的同时，手动设置退出后的样式。确保在节点卸载前，样式就已经稳定置为节点退出后的样式。从而防止闪烁。
3、兼容性问题。你可能需要同时添加以下属性：-webkit-transition（360安全浏览器需要此）、-moz-transition、-o-transition，用法和值和transition相同。注意webkit、moz、o前面的连字符（-）不要丢掉。
js怎么控制css3动画js控制css3动画触发
将鼠标设置在前端css动画插件，添加一个类css动画插件，这样鼠标一点css动画插件，就会有CSS3动画，鼠标离开去掉样式，动画就结束了。
涉及到 CSS3 css动画插件的动画（animation）、2D 转换（transform： scale），具体如代码所示。
上边样式css动画插件的将变现为，class为phone的元素会在加载完成后，从它的定义位置靠下5rem开始动画。
举个例子 代码如下： js：代码如下：(#test).width(200)；这样1秒之后这个div的宽度会变成200px。不是孙悟空变桃子一样瞬间变大，慢慢的赶脚，不卡不顿。而且使用css动画有个好处，它不受耗时js的影响。
c3实现你这个需求很麻烦，建议你用JQ的animate：(el).animate({top： -=20，right：-=30}， 600)；移不动请检查该元素是否有position：relative。或者自己用js封装一个动画。
用到动画的元素：hover { animation-play-state：paused；} //反正animation-play-state属性已经不支持低级浏览器了。所以不需要考虑hover的兼容效果。要是想长时间的停止。用JS插入这个属性就好了。
css3圆环旋转效果动画怎么做
1、transform：rotate()； } 设置旋转，旋转多少度决定圈数，时间和平缓度（变化模式）在动画里设置，另外你要设置一下你的旋转中心，把旋转中心设置到你规定的圆的圆心（transform-origin）。
2、在动画帧时加入rotate(角度)就可以旋转并移动，可以参考下面代码。
3、animation：myfirst 1s both linear infinite；/*绑定动画。为了看清楚效果，设置动画反复执行。
4、在CSS3动画中，我们可以利用关键帧(@keyframes)来定义动画的开始、中间和结束状态，并设置动画的属性，例如：填充颜色、透明度、旋转角度等。在本例中，我们可以利用关键帧来定义圆形路径填充颜色的变化，从而实现波浪循环效果。
5、可以做一个animation，举一个例子，让一个元素在某一个范围之内，左距离和上距离同时改变。
6、当animate1执行完后，把这个class去掉，换成animate2。其中animate1的执行时间，刚好是js定时器的时间。当然这里有个问题，js定时的时间不一定会非常的吻合css的动画时间，你可以根据情况作出适当的时间调整。
