CSS繪制旋轉圖形是一種常見的前端開發技巧，它可以為網頁增添更多的視覺效果。通過CSS的transform屬性，我們可以輕松地實現旋轉圖形的效果。

.r {
width: 100px;
height: 100px;
background-color: red;
transform: rotate(45deg);
}

在上面的代碼中，我們先創建一個100*100像素的紅色正方形，然后通過transform屬性將它旋轉了45度。rotate函數表示旋轉的角度，可以是正值也可以是負值。

除了旋轉，我們還可以通過transform屬性實現縮放、平移等效果。比如下面的代碼會將一個鏈接以45度傾斜，并縮小一半：

a {
transform: rotate(45deg) scale(0.5);
}

除了使用單一的transform屬性，我們還可以將多個變換組合起來，實現更加復雜的效果。比如下面的代碼將一個元素旋轉45度，然后向右平移100像素，并縮小為原來大小的30%：

.box {
transform: rotate(45deg) translateX(100px) scale(0.3);
}

通過這些簡單的CSS代碼，我們就可以輕松地實現旋轉圖形的效果。在實際的項目中，我們可以利用這種技巧，給網頁帶來更加生動、有趣的視覺效果。