CSS方塊旋轉180度

CSS是一種用于創建網頁設計的樣式表語言，可以用來控制網頁中的元素樣式、布局和交互性等。其中，CSS的旋轉功能可以用來將方塊旋轉180度。下面是一個簡單的例子，展示如何使用CSS旋轉功能來將方塊旋轉180度：

HTML代碼：

<div class="container">

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

</div>

CSS代碼：

.container {

width: 300px;

height: 300px;

background-color: blue;

.box {

width: 100px;

height: 100px;

background-color: red;

transform: rotate(-45deg);

以上代碼中，我們使用了`.container`類來創建一個容器元素，并使用`.box`類來創建一個方塊元素。在CSS中，我們使用了`transform`屬性來設置方塊的旋轉角度為45度，這樣就可以將方塊旋轉180度。

運行代碼后，我們將會看到一個紅色的方塊被旋轉到了原來的相反方向。注意，旋轉角度的值需要根據實際情況進行調整，以獲得理想的旋轉效果。

需要注意的是，CSS旋轉功能只支持水平和垂直方向上的旋轉，不支持角度為負數或90度或180度的旋轉。如果需要實現角度為負數或90度的旋轉，可以使用JavaScript來實現。