border 形成圆环，仅给单边着色（如 border-top-color），旋转时产生"追逐缺口"的视觉效果border-radius: 50% 将方形元素变成圆形，是加载圈的基础形状@keyframes 定义 transform: rotate(360deg) 实现匀速旋转::after 创建内环，配合 reverse 反向旋转形成对冲层次感linear infinite 保证旋转速度均匀且无限循环，符合加载动画的预期最经典的 CSS 加载动画。利用 border 形成圆环，仅给其中一边着色，配合 transform: rotate() 匀速旋转，视觉上呈现一个"追逐缺口"的转圈效果。这里展示 4 种变体：默认单色、双环对冲、反向旋转、四色彩虹。