首页 › 前端工具 › 骨架屏
SK

骨架屏

可视化调整骨架类型、尺寸、颜色和动画参数,生成Skeleton Screen样式代码

功能骨架屏生成器
类型文本 / 圆形 / 矩形
动画渐变扫描
输出实时预览 + CSS 代码
骨架屏预览动画中
生成的 CSS 代码0 字符

骨架屏生成器说明

骨架屏(Skeleton Screen)是在页面内容加载过程中显示的占位元素,通过灰色色块模拟页面结构,提升用户感知性能。

骨架类型:文本型模拟文字行,圆形型模拟头像或图标,矩形型模拟图片或卡片区块。

动画效果:通过 linear-gradient 渐变背景配合 background-position 动画实现扫描高亮效果,让用户感知内容正在加载。

前端工具