css rotate 旋转圆点
时间: 2023-10-14 17:16:25 浏览: 203
纯CSS3仿Skype圆点旋转加载动画特效源码.zip
你可以使用 CSS transform 属性中的 rotate() 函数来旋转一个圆点。以下是一个例子:
HTML 代码:
```
<div class="circle"></div>
```
CSS 代码:
```
.circle {
width: 10px;
height: 10px;
background-color: black;
border-radius: 50%;
transform: rotate(45deg);
}
```
在上面的例子中,我们创建了一个宽高为 10px 的圆点,并设置了它的背景颜色为黑色,圆角半径为 50%。然后,我们使用 transform 属性的 rotate() 函数将圆点旋转了 45 度。
你可以根据需要调整旋转角度以及圆点的样式。
阅读全文