画一个有光泽的3D立体的旋转的蓝色的球体 css

要在网页上创建一个有光泽的3D立体旋转的蓝色球体，我们可以使用CSS3的一些特性，如`transform`和`animation`。以下是一个简单的CSS代码示例，它将创建一个具有基本光照效果的3D蓝色球体，并使其绕Y轴旋转：

@keyframes rotate {
  from {
    transform: rotateY(0deg);
  }
  to {
    transform: rotateY(360deg);
  }
}

.container {
  perspective: 800px;
  position: relative;
  width: 200px;
  height: 200px;
  margin: 100px auto;
}

.sphere {
  width: 200px;
  height: 200px;
  border-radius: 50%;
  background-color: #0000ff;
  background-image: radial-gradient(circle at center, #ffffff, #0000ff 70%);
  position: absolute;
  top: 0;
  left: 0;
  transform-style: preserve-3d;
  animation: rotate 5s linear infinite;
}

/* 为了更好的视觉效果，可以添加一些光照效果 */
.lighting {
  box-shadow: 
    0 0 20px 5px rgba(255, 255, 255, 0.6),
    0 0 50px 10px rgba(255, 255, 255, 0.4);
  transform: translateZ(100px);
}

HTML结构如下：

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

在这个示例中，`.container` 类定义了一个具有透视效果的容器，`.sphere` 类创建了一个蓝色的球体，并且应用了`rotate`关键帧动画使其无限期地绕Y轴旋转。`.lighting` 类为球体添加了简单的光照效果。

请在实际项目中对这个代码进行调整和优化，以适应你的具体设计需求。