要使用 CSS 制作可旋转的平面图形，需要使用 CSS3 中的 transform 属性。transform 属性可以改变元素的形状、大小和位置。其中，要实现旋转效果，需要使用 transform 中的 rotate 属性。
以下是一个制作可旋转的正方形的示例代码：
.square {
width: 100px;
height: 100px;
background-color: red;
transform: rotate(45deg);
}其中，square 是指定的元素的类名。通过设置该元素的宽度、高度和背景色，可以定义正方形的基本样式。而通过 transform: rotate(45deg); 则可以将该元素旋转 45 度。
除了 rotate 属性外，transform 属性还有其他可用的值，例如 scale（缩放）、translate（平移）以及 skew（倾斜）等，这些都可以用于制作更加复杂的动画效果。
需要注意的是，transform 属性是 CSS3 中的新属性，不是所有的浏览器都支持。因此，在使用 transform 属性时，需要考虑浏览器的兼容性，可以使用浏览器前缀来实现兼容性，例如：
.square {
width: 100px;
height: 100px;
background-color: red;
-webkit-transform: rotate(45deg); /* Safari 和 Chrome */
-moz-transform: rotate(45deg); /* Firefox */
-ms-transform: rotate(45deg); /* IE 9 */
-o-transform: rotate(45deg); /* Opera */
transform: rotate(45deg);
}在以上代码中，通过添加浏览器前缀，可以使该效果在多个浏览器中都能够正常显示。