CSS3D动画无限旋转

要实现CSS3D动画的无限旋转，可以使用以下代码：

HTML代码：

<div class="box">
  <div class="content">
    <!-- 内容 -->
  </div>
</div>

CSS代码：

.box {
  width: 200px;
  height: 200px;
  position: relative;
  perspective: 1000px;
}

.content {
  width: 100%;
  height: 100%;
  position: absolute;
  transform-style: preserve-3d;
  animation: rotate 5s linear infinite;
}

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

  100% {
    transform: rotateY(360deg);
  }
}

这段代码中，我们首先创建了一个具有透视效果的父级元素（`.box`），并将其子元素（`.content`）的`transform-style`属性设置为`preserve-3d`，以启用CSS 3D变换。

接着，我们使用了`@keyframes`关键字来定义了一个名为`rotate`的动画，该动画将元素沿着Y轴旋转360度，持续时间为5秒，并设置了`infinite`属性，使其无限循环播放。

最后，我们将动画应用于`.content`元素上，实现了一个无限旋转的CSS3D动画。