骨架微光
渐变高光横扫,用作加载骨架屏。
效果预览
参数调节
完整代码
/* 骨架微光 */
@keyframes shimmer {
from { background-position: -200% 0; }
to { background-position: 200% 0; }
}
.shimmer { background: linear-gradient(90deg, #e2e8f0 25%, #f1f5f9 37%, #e2e8f0 63%); background-size: 200% 100%; animation: shimmer 1.4s linear infinite; }