本篇如能对您有所帮助，实在是感到荣幸。如有不合理之处也请大家多多指点

在 ECharts 中看到过这种圆形扩散效果，类似 css3，刚好项目中想把它用上，but 我又不想引入整个 echart.js 文件，更重要的是想弄明白它的原理，所以自己动手。在这篇文章中我们就来分析实现这种效果的两种方法

循序渐进，看看只使用 CSS ，可以鼓捣出什么样的充电动画效果。 欧了，勉强就是它了。有了电池，那接下来直接充电吧。最最简单的动画，那应该是用色彩把整个电池灌满即可。 有内味了，如果要求不高，这个勉强也就能够交差了。通过蓝色渐变表示电量，通过色块的位移动画实现充电的动画。但是总…