left：设置左边为径向渐变圆心的横坐标值。 right：设置右边为径向渐变圆心的横坐标值。 top：设置顶部为径向渐变圆心的纵坐标值。 bottom：设置底部为径向渐变圆心的纵坐标值。
成都创新互联公司-成都网站建设公司，专注网站设计制作、成都网站建设、网站营销推广，主机域名，虚拟空间，绵阳服务器托管有关企业网站制作方案、改版、费用等问题，请联系成都创新互联公司。
CSS3 渐变（gradients）可以让你在两个或多个指定的颜色之间显示平稳的过渡。
本篇文章给大家带来的内容是详解css3径向渐变如何定义中心和大小形状（代码示例）。有一定的参考价值，有需要的朋友可以参考一下，希望对你们有所帮助。
首先要回顾下一个css语句： linear-gradient([ [ angle | to side-or-corner ] ，]？ color-stop[， color-stop]+)这是一个线性渐变，第一参数是渐变方向，是可选的。可以是角度，angle的值是度数，比如45deg，90deg。
CSS3 渐变（gradients）可以让你在两个或多个指定的颜色之间显示平稳的过渡。
首先，打开html编辑器，新建html文件，例如：index.html。
CSS3渐变允许在两个或多个指定颜色之间显示平滑过渡。
1、可以使用 background-image 属性并指定 linear-gradient 函数。
2、重复线性渐变效果，有的朋友可能听起来比较陌生，但是在我们日常生活中也是常见的一种渐变效果。
3、下面我就结合简单的示例继续给大家介绍css3实现重复径向渐变的方法。
4、CSS3 渐变（gradients）可以让你在两个或多个指定的颜色之间显示平稳的过渡。