骨架屏
可视化调整骨架类型、尺寸、颜色和动画参数,生成Skeleton Screen样式代码
骨架屏预览动画中
生成的 CSS 代码0 字符
骨架屏生成器说明
骨架屏(Skeleton Screen)是在页面内容加载过程中显示的占位元素,通过灰色色块模拟页面结构,提升用户感知性能。
骨架类型:文本型模拟文字行,圆形型模拟头像或图标,矩形型模拟图片或卡片区块。
动画效果:通过 linear-gradient 渐变背景配合 background-position 动画实现扫描高亮效果,让用户感知内容正在加载。