当我们需要展示一个物体或场景的全景图时，3D旋转360度效果可以为我们提供非常好的展示效果，这种效果可以通过CSS3动画轻松实现。下面来看看如何实现。

/* 容器样式 */
.container {
width: 400px;
height: 400px;
perspective: 1000px; /* 透视值，越大看起来越近 */
perspective-origin: center; /* 透视点位置 */
}
/* 转动的元素 */
.box {
width: 100%;
height: 100%;
transform-style: preserve-3d; /* 保持3D转换效果 */
animation: rotate 10s linear infinite; /* 动画效果，每10秒完整旋转一次 */
}
/* 定义转动动画 */
@keyframes rotate {
from {
transform: rotateY(0deg); /* Y轴从0度开始旋转 */
}
to {
transform: rotateY(360deg); /* Y轴旋转360度 */
}
}

在这段代码中，我们首先定义了一个容器元素，它有一个宽度和高度，还有一个透视值和透视点位置。透视值越大，近处与远处之间的差距就越大，看起来就更真实。

容器中包含一个转动的元素，在这个元素中，我们启用了3D效果的保持并定义了一个旋转的动画，从0度开始到360度，每10秒完整旋转一次。

这样，我们就得到了一个非常简单的3D旋转360度效果，可以应用于展示产品或者虚拟旅游等场景。