写一个CSS把盒子放倒有3D效果

好的，这里是一个简单的例子，可以让盒子绕着Y轴旋转，产生3D效果：

<div class="box"></div>

.box {
  width: 200px;
  height: 200px;
  background-color: #ccc;
  transform: perspective(800px) rotateY(45deg);
  transition: transform 0.5s ease-in-out;
}

.box:hover {
  transform: perspective(800px) rotateY(-45deg);
}

上述代码中，我们使用了perspective属性来设置观察者与物体之间的距离为800px，然后使用rotateY函数来实现盒子绕着Y轴旋转45度。当鼠标滑过盒子时，我们改变了rotateY的值，让盒子反向旋转。通过transition属性，我们还为盒子添加了动画效果，让它的旋转更加流畅。