灰色占位块配光泽划过,比空白和转圈体验都好
← 返回 加载 类特效列表上方为纯 CSS 实时演示,直接将鼠标移上去 / 点击感受效果
.fx .sk{padding:20px;max-width:320px;margin:26px auto}
.fx .sk div{border-radius:6px;margin-bottom:12px;background:linear-gradient(90deg,#1c2330 25%,#26303e 50%,#1c2330 75%);background-size:200% 100%;animation:kfx-shimmer 1.4s infinite}
.fx .sk .av{width:56px;height:56px;border-radius:50%}
.fx .sk .t{height:18px;width:70%}
.fx .sk .p{height:12px}
@keyframes kfx-shimmer{to{background-position:-200% 0}}<div class="fx">
<div class="sk"><div class="av"></div><div class="t"></div><div class="p"></div><div class="p" style="width:90%"></div><div class="p" style="width:55%"></div></div>
</div>