Shimmer / 骨架屏生成器

预览和自定义 CSS 闪烁/骨架屏加载效果。为各种骨架屏模式生成可直接使用的 CSS 代码。

CSS 代码
.shimmer-block {
    background: linear-gradient(90deg, 基础色 25%, 高亮色 50%, 基础色 75%);
    background-size: 200% 100%;
    animation: shimmer var(--shimmer-speed, 2s) infinite linear;
}

@keyframes shimmer {
    0% { background-position: 200% 0; }
    100% { background-position: -200% 0; }
}