css如何让元素旋转 |css中的边距如何设置

.rotate {
transform: rotate(30deg);
}

上述代码中，.rotate是一个类名，大家将要将其追加给需要旋转的元素。transform属性用于定义一个2D或3D转换，其中rotate函数定义了需要旋转的角度。这里的值是30度，你也可以指定其他的值。

如果大家想要让元素在鼠标悬停时开始旋转，可以使用:hover伪类。下面的代码将在鼠标悬停时将元素旋转45度：

.rotate:hover {
transform: rotate(45deg);
}

如果大家想要让元素无限旋转，可以使用CSS动画。下面的代码将让元素无限制地以180度每秒的速度顺时针旋转：

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

上述代码首先定义了一个动画，它被命名为spin，并将其应用于.rotate类。这个动画会持续1秒钟，使用线性变换，并且是无限的（通过设置infinite）。接下来，大家定义了一个名为spin的关键帧，从0度开始旋转到180度。最后，大家将关键帧应用于动画。

总结一下，CSS可以使用transform属性来实现元素旋转效果，可以使用:hover伪类来使元素在鼠标悬停时开始旋转，也可以使用CSS动画来让元素无限制地旋转。