![]()
径向渐变 生成 3D球,3D圆 代码
<div class="cc_blue">
</div>
<div class="cc_red">
</div>
<div class="cc_green">
</div>
.cc_blue {
width: 150px;
height: 150px;
border-radius: 50%;
background: radial-gradient(circle at 35% 25%, #002dff 0,#0024ce 20%,#001fb2 40%,#000 95%);
}
.cc_red {
width: 150px;
height: 150px;
border-radius: 50%;
background: radial-gradient(circle at 35% 25%, #ff0000 0,#db0000 20%,#b10000 40%,#000 95%);
}
.cc_green {
width: 150px;
height: 150px;
border-radius: 50%;
background: radial-gradient(circle at 35% 25%, #00ff53 0,#00cf43 20%,#00b93d 40%,#000 95%);
}