画一个有光泽的立体的球体 css

要在网页上使用CSS创建一个具有光泽的立体球体，通常需要使用多种CSS技术，包括阴影（box-shadow 或 text-shadow）、渐变（linear-gradient 或 radial-gradient）以及可能的变换（transform）来模拟3D效果。以下是一个简单的例子，展示了如何使用CSS创建这样的球体效果：

 сфера {
     width: 100px;
     height: 100px;
     background: radial-gradient(circle at center, #77bfff, #2c8eff);
     border-radius: 50%;
     position: relative;
     box-shadow:
         0 0 10px rgba(0, 0, 0, 0.5),
         0 0 20px rgba(0, 0, 0, 0.4),
         0 0 30px rgba(0, 0, 0, 0.3),
         0 0 40px rgba(0, 0, 0, 0.2),
         0 0 50px rgba(0, 0, 0, 0.1);
 }

<div class="sphere"></div>

解释：
1. `.sphere` 类定义了一个100x100像素的容器，它的形状被设置为圆形（`border-radius: 50%;`）。
2. `radial-gradient` 创建了从中心开始的颜色渐变，模拟出球体的质感和光泽。
3. `box-shadow` 属性用来增加光照效果，通过多层阴影叠加形成了立体感和光泽，其中阴影颜色的不透明度逐层递减，模拟远处的反射和光晕效果。

请注意，这个例子非常简化，实际中创建更加逼真的3D效果可能需要更复杂的方法，如使用SVG或Canvas，或者结合CSS的`transform`属性来模拟旋转、倾斜等效果。