工具介绍
CSS加载动画生成器是一个免费在线工具，可以快速生成常用的纯CSS加载动画，无需JavaScript即可运行。支持自定义动画类型、颜色、大小和速度，生成后可以直接复制代码使用。
使用方法
- 从下拉菜单选择你需要的动画类型，目前提供旋转圆环、三点跳动、条纹进度条、翻转文字、呼吸脉冲、波浪线6种常用动画。
- 点击颜色选择器设置动画的主色调，也可以直接输入十六进制颜色代码。
- 输入动画整体大小（单位像素），不同类型的动画大小含义不同，比如三点跳动动画指整体宽度，旋转圆环指直径。
- 设置动画的播放速度，单位为秒，数值越小速度越快。
- 如果选择的是进度条动画，可以自定义进度条容器的宽度，其他类型不需要设置此项。
- 预览区域会实时显示动画效果，生成的HTML+CSS代码会显示在代码框中，点击「复制代码」按钮即可复制使用。
实现原理
所有动画均使用纯CSS实现，通过CSS3的@keyframes定义关键帧动画，配合transform、opacity等属性实现不同的动画效果，不需要引入任何图片或JavaScript。生成的代码已经包含完整HTML结构和CSS样式，直接复制即可使用，也可以根据需要自行修改颜色、大小等参数。
注意事项
- 生成的代码兼容所有现代浏览器，包括Chrome、Firefox、Safari、Edge等。
- 你可以复制代码后自行修改CSS参数，比如调整颜色、速度、大小等，以适配你的网站风格。
- 本工具生成的代码可免费用于个人和商业项目，无需授权。