css 一个原点,中间颜色深,周边颜色浅
您可以使用CSS中的线性渐变(linear-gradient)来创建这样的效果。您可以定义一个圆形(circle)形状的渐变,并设置它的大小,使得它看起来像是一个有中心点的结构。
下面是一个示例代码:
.circle-gradient {
width: 100px;
height: 100px;
border-radius: 50%; /* 圆形 */
background: linear-gradient(circle, #000000, #000000 50%, #ffffff 50%, #ffffff);
}
在这个例子中,linear-gradient
创建了一个从中心点开始的圆形渐变。#000000
是深色,在渐变的中间,而 #ffffff
是浅色,也在渐变的中间。这样就形成了您想要的效果,一个原点在中间的深色,周围是浅色的圆环。
评论已关闭