CSS3可以使我们轻松地创建令人惊叹的动态效果，其中一个常见的效果就是鼠标划入旋转。要创建这个效果，我们需要使用CSS3的transform属性和:hover伪类。

/* 首先定义我们想要旋转的元素 */
.rotate {
width: 100px;
height: 100px;
background-color: #ff0000;
}
/* 使用transform属性来实现旋转效果 */
.rotate:hover {
transform: rotate(360deg);
transition: all 0.5s ease; /* 添加过渡效果，让旋转更加平滑 */
}

在代码中，我们首先定义一个表示想要旋转的元素的类，其具有指定的宽度、高度和背景颜色。然后，我们使用:hover伪类来定义当鼠标划过时，元素应该实现的样式。

我们使用transform: rotate(360deg)来使元素绕着中心点旋转360度。我们还添加了一个过渡效果，使旋转更平滑。这通过transition属性实现，其中all表示过渡应该适用于元素的所有CSS属性，0.5s表示过渡应该持续0.5秒，而ease表示过渡效果应该是缓慢快速开始，然后缓慢结束。

这就是如何使用CSS3来实现鼠标划入旋转效果的基本方法。你可以通过调整类中指定的属性以及hover样式来自定义旋转效果。在设计网站时，这种效果可以为用户提供更好的交互体验，吸引他们留在网页上。