Spinner
Dots
Bars
Ring
Pulse
/* CSS Loader - spinner */
在线创建自定义CSS加载动画,支持5种动画类型:Spinner、Dots、Bars、Ring、Pulse | 无需注册 · 数据绝不上传服务器
零依赖·可离线使用CSS加载动画生成器是一款免费在线工具,帮助开发者快速创建自定义CSS loading动画。无需编写代码,可视化选择动画类型、颜色、大小和速度,一键复制生成的CSS代码。
CSS动画使用GPU加速,性能开销很小。适当使用不会对页面性能产生明显影响。
复制代码后可直接在CSS文件中修改。动画名称、时长、颜色等都可以自定义。
CSS @keyframes动画支持所有现代浏览器,包括Chrome、Firefox、Safari和Edge。
可以直接使用。复制CSS代码到你的样式文件中,然后在HTML中使用对应的类名即可。