021径向渐变
径向渐变
radial gradient()函数创建-个,用来展示由原点<渐变中心)辐射开的颜色渐变
-默认均匀分布 radial-gradient(red,blue);
-不均匀分布 radial- gradient(red 50%,blue 70%);
-改变渐变的形状 radial- gradient(circle ,red,blue) circle ellipse (默认为椭圆)
-渐变形状的大小 radial-gradient(closest- corner circle ,red,blue)
closest-side
-渐变的边缘形状与容器距离渐变中心点最近的一边相切(圆形)或者至少与距离渐变中心点最近的垂直和水平边相切(椭圆)。
closest-corner
-渐变的边缘形状与容器距离渐变中心点最近的一个角相交。
farthest-side
-与closest-side相反,边缘形状与容器距离渐变中心点最远的一边相切(或最远的垂直和水平边)。
farthest-corner
-渐变的边缘形状与容器距离渐变中心点最远的一个角相交。
background-image:radial-gradient(closest-corner circle at 10px 10px,red,blue);
background-image:repeating-radial-gradient(closest-corner circle,red 30%,blue 50%);
background-image:radial-gradient(farthest-corner ellipse,red,blue);