推荐一个css3渐变效果工具，觉得有帮助的可以收藏下。
CSS3 渐变（gradients）可以让你在两个或多个指定的颜色之间显示平稳的过渡。
CSS3 定义了两种类型的渐变（gradients）：
线性渐变（Linear Gradients）- 向下/向上/向左/向右/对角方向
径向渐变（Radial Gradients）- 由它们的中心定义
使用角度
使用角度可以变换渐变背景的角度，让背景色变成倾斜过渡效果
image
使用多个颜色结点
使用多个颜色可以丰富背景色彩，搭配出不同的效果
image
使用透明度（transparent）
image
功能介绍
image
作者：bestvist
链接：https://www.jianshu.com/p/ef243c5e5b8c