CSS3粒子旋转是一种效果，可以将网页中的元素轻松地添加旋转的粒子。它是通过CSS3动画和一些CSS属性完成的。下面我们来看一下如何实现。

.particle {
position: absolute;
width: 10px;
height: 10px;
border-radius: 50%;
background: #fff;
animation: particleRotate 2s linear infinite;
}
@keyframes particleRotate {
0% {
transform: rotate(0) translate(150px) rotate(0);
}
100% {
transform: rotate(360deg) translate(150px) rotate(-360deg);
}
}

首先，我们创建了一个名为.particle的CSS类，设置了一些基本属性，包括position:absolute、width:10px以及height:10px等。同时，我们也设置了边框半径和背景颜色。

接下来，我们使用了动画属性animation，在2秒钟内执行一个名为particleRotate的动画。然后，我们定义了一个名为particleRotate的关键帧，在动画执行的过程中，初始状态下我们设置了transform属性为rotate(0) translate(150px) rotate(0)，这意味着旋转的粒子将绕中心点旋转，并向下平移150px的距离。

当动画执行完成时，我们将transform属性设置为rotate(360deg) translate(150px) rotate(-360deg)，这将导致粒子绕中心点旋转360度，同时向下平移150px的距离。

最后，我们的粒子旋转效果就完成了。如果你想实现更多的效果改变，可以尝试更改颜色、大小、运动轨迹等属性。希望这篇文章可以帮助你更好地了解CSS3粒子旋转效果。