1、closest-side：指定径向渐变的半径长度为从圆心到离圆心最近的边。 closest-corner：指定径向渐变的半径长度为从圆心到离圆心最近的角。 farthest-side：指定径向渐变的半径长度为从圆心到离圆心最远的边。
成都创新互联专注于思茅网站建设服务及定制，我们拥有丰富的企业做网站经验。 热诚为您提供思茅营销型网站建设，思茅网站制作、思茅网页设计、思茅网站官网定制、小程序设计服务，打造思茅网络公司原创品牌,更为您提供思茅网站排名全网营销落地服务。
2、第一种，你可以指定渐变从哪个方向或角落开始： linear-gradient(left， white， black) linear-gradient(top right， white， black) 你甚至可以省略第一个参数，他将默认为top并给出一个垂直渐变。
3、CSS3渐变允许在两个或多个指定颜色之间显示平滑过渡。
为了让径向渐变--radial-gradient()在所有支持的浏览器中都能正常工作，并让一些新增功能可以涵盖任何未来的支持。
CSS3 渐变（gradients）可以让你在两个或多个指定的颜色之间显示平稳的过渡。
可以使用 background-image 属性并指定 linear-gradient 函数。
1、将起点和方向设置为角度，还要定义颜色停止必须指定至少两个停止颜色。
2、CSS3 渐变（gradients）可以让你在两个或多个指定的颜色之间显示平稳的过渡。
3、首先，打开html编辑器，新建html文件，例如：index.html。
CSS3渐变允许在两个或多个指定颜色之间显示平滑过渡。
Linear Gradients（线性梯度渐变） 为元素盒模型填充线性渐变是最常用的。你只需要考虑渐变从哪个方向开始。据马海祥了解有两种方式可以去指定它。
我们可以通过css3属性实现更多炫酷的页面效果，丰富网站内容，比如背景颜色呈线性渐变的效果！下面我们就给大家介绍一个常见的css3渐变效果。
用css3实现背景渐变效果，可以丰富我们网页的内容，也提升用户视觉效果。当然更重要的是，提高用户体验！我们可以使用css3中的radial-gradient属性实现径向渐变效果。
