呼吸灯（颜色渐变）效果如何完成？

Question

效果如支付宝蚂蚁森林，如果是文字可以用css渐变，但是这样的logo如何做呐？雪碧图或者css画logo吗？求指教

Answer 1

实际上图标也可以做成字体，然后纯文本内容就可以通过css3渐变操作了。
参考 http://fontawesome.io/ 字体图标
如果需要如上图一样自制图标可以搜索关键词 Icon-font

Answer 2

使用CSS3动画，形成一个循环改变字体图标的颜色，并且运用上渐变；

Answer 3

呼吸灯效果好做，但是在iOS下这个loading的效果就比较麻烦了。

==========
我的回答居然被折叠了，好吧，我说详细一点：
呼吸灯效果其实就是一个动画animate,定义一个帧改变元素的背景颜色，然后循环播放就可以了。

另外，你也可以把这个图标转换成字体图标，然后用字体渐变的方式实现。

我说在iOS下，是指蚂蚁森林在iOS下并不是呼吸灯效果，而是另外一种动画，题主可以关注一下。