加载器/旋转器生成器：制作动画 CSS 加载器
加载器/旋转器生成器可创建纯 CSS 加载动画，提供四种风格：边框旋转器、弹跳圆点、拉伸条纹和脉冲圆环。选择颜色、大小和速度，实时预览效果，然后生成完整的 CSS（含 @keyframes）。复制页面或项目所需的 CSS 值即可。
加载器/旋转器生成器是一款基于浏览器的工具，用于创建 CSS 加载动画。用它生成边框旋转器、弹跳圆点、拉伸条纹或脉冲圆环，然后在实时预览中查看效果。它提供完整的 CSS，包括动画所需的 @keyframes。
选择一种加载器风格并设置颜色、大小和速度。工具会将这些设置应用到所选动画，生成可复制到项目中的 CSS。实时预览帮助您在使用 CSS 之前先检查加载器效果。
CSS 描述元素的样式，@keyframes 则定义动画随时间变化的步骤。加载动画能直观地告诉用户界面正在等待或处理中。旋转器、圆点、条纹和脉冲四种风格提供了不同的外观，而颜色、大小和速度设置则可调整生成的加载器。
加载器/旋转器生成器完全在浏览器中运行。您的输入在设备本地处理，不会上传、存储或发送到服务器。免费使用，页面加载完成后支持离线使用，无需服务器连接。
这款 CSS 加载器生成器适合需要为网页界面、项目示例、测试夹具或设计评审制作加载动画的开发者和 DevOps 工程师。无论您是探索 CSS 动画，还是为现有页面优化加载器，预览和生成的 CSS 都能让您更轻松地使用这些常见的加载风格。
步骤 1：选择加载器风格：边框旋转器、弹跳圆点、拉伸条纹或脉冲圆环。
步骤 2：设置颜色、大小和速度，以匹配您的界面或设计。
步骤 3：查看实时预览，了解所选加载器的外观和动态效果。
步骤 4：生成加载器，获取包含 @keyframes 的完整 CSS。
步骤 5：复制项目所需的 CSS 值。
使用场景：在网页内容或操作进行时添加 CSS 加载指示器，选择与界面相配的风格和颜色。
使用场景：在实时预览中比较旋转器、圆点、条纹和脉冲动画，然后为设计选择合适的加载器。
使用场景：为测试或夹具生成加载器 CSS，让项目在测试场景中使用一致的加载动画。
使用场景：批量创建加载器变体用于视觉检查，而不必逐个手写数值。
使用场景：在种子数据或示例中使用生成的加载器数值，满足逼真的 CSS 动画设置需求。
使用场景：调整大小、颜色和速度，探索不同加载器设置与界面的搭配效果。