css盒子旋转180°

CSS中的盒子旋转（box rotation）可以通过`transform`属性来实现，特别是`transform: rotate(180deg)`。这个属性可以改变元素或其定位区域相对于其正常状态的旋转角度。当你将旋转度数设置为180度时，元素会沿着顺时针方向翻转180度，看起来就像被完全倒置了一样。

例如，如果你想让一个div元素水平垂直同时翻转180度，你可以这样写CSS：

.element {
  transform: rotate(180deg) rotateX(180deg);
}

这会让`.element`元素在视觉上呈现出上下左右都翻转的效果。当然，实际应用中可能需要根据布局需求调整旋转轴的方向和顺序。

如果你想要动态效果或者更复杂的旋转动画，可以配合`transition`或`animation`属性一起使用。