css旋转不了 |css loading 圆圈

css设置video，css div显示时间，svg动画和css动画，div css 内边框颜色，css input在一行，css触碰hover显示隐藏，css loading 圆圈 css旋转不了 |css loading 圆圈

首先，大家需要明确一个概念，即只有块级元素和某些内联元素才能进行旋转操作。如果你尝试给行内元素进行旋转，CSS 会自动将其转化为块级元素，从而导致旋转失败。

span {
transform: rotate(45deg); /* 不能旋转 */
}
div {
transform: rotate(45deg); /* 可以旋转 */
}

其次，如果你设置了元素的 position 属性为 static，即默认值，那么也无法进行旋转操作。

p {
transform: rotate(45deg); /* 不能旋转 */
}
div {
transform: rotate(45deg);
position: relative; /* 可以旋转 */
}

最后，一些浏览器对旋转的支持程度也不尽相同。比如，早期的 IE 浏览器只支持针对块级元素的 90 度整数倍的旋转，而不支持小角度的旋转。如果你的旋转效果在某些浏览器上无法实现，不妨试试添加浏览器前缀，或者使用 JavaScript 等其他手段进行实现。

综上，大家可以通过以上几个方面来排查旋转不了的问题，从而更加轻松地完成元素的旋转操作。