css spin |rapidcss2016

.spin {
animation: spin 2s infinite linear;
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}

使用这个样式非常简单，只需要为需要进行旋转的元素添加.spin类即可。同时，这个样式也可以自定义旋转的方向、速度以及旋转的次数。

.spin {
animation: spin 2s 3 linear;
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}

在上面的代码中，元素将会旋转三次，每次旋转需要2秒钟。需要注意的是，旋转次数的值也可以设置为infinite，表示无限旋转。

总的来说，CSS Spin是一个非常有用的CSS样式，能够让网页更加生动活泼。通过添加旋转样式，可以为用户提供更加良好的用户体验。