css元素饶定点旋转 |css这本书

检查css文件，css调整表格右移，css3 光标样式，css调整页面测试，css3实现彩虹效果，移动端css弹窗动效，css这本书 css元素饶定点旋转 |css这本书

代码示例：

.element {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%) rotate(0deg);
}
.rotate {
transform-origin: center center;
animation: rotate 2s infinite;
}
@keyframes rotate {
0% {
transform: translate(-50%, -50%) rotate(0deg);
}
100% {
transform: translate(-50%, -50%) rotate(360deg);
}
}

上面的代码中，大家定义了一个元素`.element`，设置其在页面中居中显示，并设置其中的`transform`属性，使其不偏离自身中心点旋转。接下来大家定义了一个名为`.rotate`的类，该类用于在元素上添加旋转动画效果，并设置了`transform-origin`属性，用于设置元素旋转的中心点。通过设置动画的`keyframes`，大家实现了元素绕定点旋转的效果。

实际开发中，大家可以根据需要，调整代码中的旋转时间、中心点位置等属性，来实现不同的旋转效果。