这种效果用css3或者canvas应该如何实现

Question

问题描述移动端的几个活动页面，设计师那边出的效果图用到了如下这种背景，好几个页面都用到了这种背景只是颜色不相同，我想着都用图片的话肯定会影响加载速度，就想着能不能用代码实现。小弟用到的css3效果只是些变换动画之类的、canvas也只是画画圆弧这样，没有什么实现思路，请各位大佬给点实现思路或者几个关键词，谢谢各位！

Answer 1

一张图片还是要的，其他只是变个颜色，加css3滤镜就能解决。但是考虑到兼容问题，别追求了加载速度，丢了兼容性。

Answer 2

色彩单一，保证质量度没问题，图片用jpg或gif的话不会多大的