骨架微光
漸層高光橫掃,用作加載骨架屏。
效果預覽
參數調節
完整代碼
/* 骨架微光 */
@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; }