css径向渐变3D圆3D球/凸起效果/二维展示三维/2D转3D

径向渐变 生成 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%);
}
posted @ 2022-12-29 09:17  坚挺的樱桃  阅读(485)  评论(0)    收藏  举报