可以使用 background-image 属性并指定 linear-gradient 函数。
创新互联10余年专注成都高端网站建设按需求定制开发服务,为客户提供专业的成都网站制作,成都网页设计,成都网站设计服务;创新互联服务内容包含成都网站建设,小程序设计,软件开发,网络营销推广,网络运营服务及企业形象设计;创新互联拥有众多专业的高端网站制作开发团队,资深的高端网页设计团队及经验丰富的架构师高端网站策划团队;我们始终坚持从客户的角度出发,为客户量身订造网络营销方案，解决网络营销疑问。
CSS3 渐变（gradients）可以让你在两个或多个指定的颜色之间显示平稳的过渡。
所谓径向渐变（Radial Gradients）就是由它们的中心开始定义。
CSS3里面的线性渐变：linear-gradient 语法 参数 第一个参数：指定渐变方向，可以用“角度”的关键词或“英文”来表示：第一个参数省略时，默认为“180deg”，等同于“to bottom”。
1、第一种，你可以指定渐变从哪个方向或角落开始： linear-gradient(left， white， black) linear-gradient(top right， white， black) 你甚至可以省略第一个参数，他将默认为top并给出一个垂直渐变。
2、首先，打开html编辑器，新建html文件，例如：index.html。
3、语法：transition： property duration timing-function delay；时间的单位是：秒（s）。transition-property 指定CSS属性的name，transition效果 none 没有属性会获得过渡效果。all 所有属性都将获得过渡效果。
4、CSS3渐变允许在两个或多个指定颜色之间显示平滑过渡。
5、允许负值，元素将逆时针旋转rotate(30deg)表示旋转30度matrix()方法skew(x-angle，y-angle)定义 2D 倾斜转换，沿着 X 和 Y 轴。
CSS3 渐变（gradients）可以让你在两个或多个指定的颜色之间显示平稳的过渡。
所谓径向渐变（Radial Gradients）就是由它们的中心开始定义。
第一个参数是渐变的方向，top是从上到下，至于left、right、bottom的效果很容易从top推倒出来我就不罗嗦了。
最直观的体现在网页色彩的多样化上面。本篇文章给大家带来的内容是关于如何使用css3实现颜色线性渐变属性，有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。
CSS3渐变允许在两个或多个指定颜色之间显示平滑过渡。