骨架屏加载生成器 (CSS)
选择模板和颜色。骨架屏模仿即将到来的内容的形状，让等待看起来比转圈图标更短。
使用方法页面加载时的骨架
可用语言: 
广告
骨架屏加载生成器 (CSS): 用途
骨架屏是内容加载时代替内容出现的灰色骨架，Facebook 和 YouTube 都在使用。它展示即将到来的内容的形状，让等待显得更短，并避免内容出现时页面跳动。
选择模板（带图片的卡片、带头像的列表、个人资料或段落）、重复次数、颜色和圆角。动态光泽只移动背景，并对要求减少动态效果的用户关闭，区块使用 aria-busy 并附带给屏幕阅读器的加载中文字。
使用方法
- 选择模板和重复次数。
- 调整颜色、圆角和光泽。
- 复制代码，并在内容到来时替换为内容。
使用场景
- 通过 API 加载的商品列表。
- 信息流或评论列表。
- 网页面板和系统。
常见问题
为什么用骨架屏而不是加载图标？
骨架屏展示即将出现的内容的形状，所以内容到来时页面不会跳动，等待也显得更短。它更适合卡片、列表和个人资料；对于提交表单这类快速操作，按钮本身的指示器就够了。
对使用屏幕阅读器的人怎么样？
该区块带有 aria-busy=true 和一段隐藏的“加载中”文字；矩形只是装饰（aria-hidden）。内容到来时，把骨架替换为内容，并去掉 aria-busy。
动态光泽会占用很多性能吗？
不会：动画只移动每个矩形的背景。对于把系统设置为减少动态效果的用户，光泽会关闭，只保留颜色。
真的免费吗？
是的，100%免费。无需注册，无需订阅，不限使用次数。所有工具：Tools123是免费的。