骨架屏加载 | wjs-css-effects

关键点

骨架屏用灰色块占位内容区域，配合 shimmer 扫光动画提升等待体验
扫光效果通过 linear-gradient 创建从透明到白再到透明的渐变条
使用 background-position 从左向右移动渐变背景，形成光泽扫过的视觉
伪元素 ::before 或独立子元素承载渐变，不影响骨架块的基础布局
骨架块的宽高比例应尽量贴近真实内容，减少加载完成后的视觉跳变感

效果说明

骨架屏（Skeleton Screen）加载占位。用灰块勾勒出内容布局（头像、标题、段落），再叠加一层 shimmer 扫光动画，让用户在数据到达前就能感知页面结构。相比空白或转圈，骨架屏能减少感知等待时间，是现代列表/卡片页的标配方案。