"```markdown

使用CSS3画个旋转的立方体

使用CSS3的3D变换属性和动画属性，可以很容易地实现一个旋转的立方体效果。

<div class=\"cube\">
  <div class=\"face front\">Front</div>
  <div class=\"face back\">Back</div>
  <div class=\"face left\">Left</div>
  <div class=\"face right\">Right</div>
  <div class=\"face top\">Top</div>
  <div class=\"face bottom\">Bottom</div>
</div>

.cube {
  width: 200px;
  height: 200px;
  position: relative;
  transform-style: preserve-3d;
  animation: rotate 6s infinite linear;
}

.face {
  position: absolute;
  width: 200px;
  height: 200px;
  background-color: #ccc;
  opacity: 0.8;
  border: 1px solid #000;
}

.front {
  transform: translateZ(100px);
}

.back {
  transform: rotateY(180deg) translateZ(100px);
}

.left {
  transform: rotateY(-90deg) translateZ(100px);
}

.right {
  transform: rotateY(90deg) translateZ(100px);
}

.top {
  transform: rotateX(90deg) translateZ(100px);
}

.bottom {
  transform: rotateX(-90deg) translateZ(100px);
}

@keyframes rotate {
  0% {
    transform: rotateY(0deg);
  }
  100% {
    transform: rotateY(360deg);
  }
}

通过上述代码，我们可以实现一个旋转的立方体。首先，我们创建一个包含六个面的立方体容器。然后，使用CSS的3D变换属性和动画属性来设置每个面的位置和动画效果。其中，transform-style: preserve-3d用于启用3D变换，transform属性用于设置平移和旋转效果，animation属性用于设置旋转动画。

通过这样简单的CSS代码，我们就可以实现一个旋转的立方体效果了。