CSS实现旋转的圆圈非常简单，只需要使用CSS3的transform属性即可。以下是代码示例：

.circle {
width: 100px;
height: 100px;
border-radius: 50%;
background-color: red;
transform: rotate(45deg);
}

以上代码创建了一个红色的圆圈，并且使用了rotate函数对其进行旋转。其中，rotate函数的参数单位是deg（度），正数表示顺时针旋转，负数表示逆时针旋转。

除了rotate函数之外，还有其他的transform函数可以用来实现不同的旋转效果。例如：

.circle {
width: 100px;
height: 100px;
border-radius: 50%;
background-color: red;
transform: scale(0.5) rotate(45deg) translateX(50px);
}

以上代码除了旋转之外，还使用了scale函数对圆圈进行缩放，并且使用translateX函数将其沿着X轴平移了50个像素。

CSS的transform属性不仅可以用来实现旋转效果，还可以实现很多其他的效果，例如缩放、平移、扭曲等。掌握这些技巧，可以使我们在页面设计中更加灵活自如。