css径向渐变 圆心位置 |css3 图片阴影

background: radial-gradient(circle at center, #ffffff 0%, #000000 100%);

其中，radial-gradient函数表示创建一个径向渐变，而圆心位置的设定则使用了at关键字。在这个例子中，大家通过at center设置圆心位置为中心，即让渐变从中心开始向外扩散。此外，大家使用了百分比来定义颜色的开始和结束位置。这样，大家的渐变就从白色渐变到黑色。

除了在中心设置圆心位置外，大家还可以在其他位置设置圆心位置。例如，大家可以将圆心位置设置在左上角，如下所示：

background: radial-gradient(circle at 0% 0%, #ffffff 0%, #000000 100%);

在这个例子中，大家使用了at 0% 0%来设置圆心位置在左上角。这样，大家将得到一个从白色到黑色的径向渐变，但渐变效果的起点是从左上角开始。

总之，CSS径向渐变非常灵活，你可以通过修改圆心位置，将其应用到不同的背景样式中，呈现出不同的效果。只要掌握了径向渐变的基本知识，便可以自由发挥，打造出属于自己的背景样式。