一款基于css3鼠标经过圆形旋转特效

你可以使用CSS3中的transform属性来实现鼠标经过圆形旋转特效。以下是示例代码：

HTML代码：

<div class="circle"></div>

CSS代码：

.circle {
  width: 100px;
  height: 100px;
  background-color: #ccc;
  border-radius: 50%;
  transition: transform 0.5s ease;
}

.circle:hover {
  transform: rotate(360deg);
}

解释一下代码：

首先，我们创建了一个div元素，并给它一个class名为“circle”。

然后，我们定义了.circle的样式：它的宽度和高度都是100像素，背景颜色是灰色，边框半径是50%（这样它就成为了一个圆），并且我们为它定义了一个过渡效果，使其在0.5秒内平滑过渡。

接着，我们定义了.circle:hover的样式，在鼠标经过时，它的transform属性值会变成rotate(360deg)，这样它就会顺时针旋转360度。

这就是一款简单的基于CSS3的鼠标经过圆形旋转特效。