黑白棋盘格沿对角缓慢漂移,催眠系纹理
← 返回 背景 类特效列表上方为纯 CSS 实时演示,直接将鼠标移上去 / 点击感受效果
.fx .chk{height:220px;border-radius:14px;background:conic-gradient(#e6edf3 90deg,#161b22 90deg 180deg,#e6edf3 180deg 270deg,#161b22 270deg);background-size:36px 36px;animation:kfx-chk 6s linear infinite}
@keyframes kfx-chk{to{background-position:36px 36px}}<div class="fx">
<div class="chk"></div>
</div>