方法一:使用HTML和CSS
创建静态太极图案
使用一个`div`配合伪元素来创建一个静态的圆形,一半为红色一半为白色。
使用`div`的伪元素绘制两个圆环,并通过绝对定位放置合适位置,使其成为一个太极图案。
创建动画
定义一个名为`rotate`的CSS动画,设置周期为5秒,循环播放。
在关键帧中设置逆时针旋转360°。
```html
方法一:使用HTML和CSS
使用一个`div`配合伪元素来创建一个静态的圆形,一半为红色一半为白色。
使用`div`的伪元素绘制两个圆环,并通过绝对定位放置合适位置,使其成为一个太极图案。
定义一个名为`rotate`的CSS动画,设置周期为5秒,循环播放。
在关键帧中设置逆时针旋转360°。
```html