css径向渐变生成立体3D球

核心:设置多个颜色较近的颜色

效果图:

代码示例:

div{
    
    
    width:150px;
    height:150px;
    border-radius:50%;
    background:radial-gradient(circle at 35% 25%,
        #fff 0,#ccc 20%,#999 40%,#000 90%,#666 95%,#999 100%);
}