CSS加载动画生成器

生成多种CSS加载动画,旋转/弹跳/脉冲/条形,纯CSS实现,调整尺寸、颜色、速度,一键复制HTML和CSS。

关于 CSS加载动画生成器

CSS加载动画生成器帮助你创建多种风格的加载动画。纯CSS实现,无需JavaScript,包括旋转环、脉冲、弹跳点、条形、圆环、三点等6种类型。

动画类型

  • 旋转环:border + rotate,经典spinner。
  • 脉冲:opacity变化,呼吸效果。
  • 弹跳点:translateY上下移动。
  • 条形:多个竖条scaleY缩放。
  • 圆环:conic-gradient旋转。
  • 三点:三个点交替跳动。