为了让径向渐变--radial-gradient()在所有支持的浏览器中都能正常工作，并让一些新增功能可以涵盖任何未来的支持。我们可以这样写：
传递给径向渐变函数的第一个参数（是的，radial-gradient()是一个函数 --这也是它有圆括号的原因）定义了渐变完成时创建的椭圆中心的位置。我们在上面的例子中使用了“center center”一对值。
“radial” 一词意味着 “从中心向外沿着半径......”。所以第一个参数定义了外向动作的开始位置。
基本上，这个参数可以接受你放在background-position属性中的任何值。渐变中心位置的默认值或初始值为center center。
第二个参数的第一部分可以是circle或ellipse（即：圆或椭圆）。差异基本上就在于椭圆不是一个完美的圆；因此，根据渐变的大小和中心位置，该ellipse值可以使渐变呈椭圆形；但是circle值意味着渐变总是一个完美的圆。
乍一看，这些值可能有点难以掌握，所以让我们通过示例来一一打破，理解它们。让我们使用一个基本的黑到白渐变，以便我们可以说明每个值的作用。这是代码：
所有其他值将保持不变，但我们将更改大小值（当前显示为closest-side），以便大家可以看到每个值对渐变外观的影响。
请注意，渐变的整个形状的一部分被切掉了。这是因为它被推入元素的角落，使其边缘与元素的角落相交。
以上就是详解css3径向渐变如何定义中心和大小形状（代码示例）的详细内容，更多请关注php中文网其它相关文章！
