横竖渐变交叉成网格，叠加光晕与缓速漂移的科技感背景
← 返回 背景 类特效列表上方为纯 CSS 实时演示，直接将鼠标移上去 / 点击感受效果
.fx .grid-bg{height:220px;border-radius:14px;margin:20px auto;background:radial-gradient(circle at 50% 50%,rgba(74,158,255,.25),transparent 60%),linear-gradient(rgba(74,158,255,.18) 1px,transparent 1px),linear-gradient(90deg,rgba(74,158,255,.18) 1px,transparent 1px),#0d1117;background-size:auto,40px 40px,40px 40px,auto;animation:kfx-gridMove 8s linear infinite}
@keyframes kfx-gridMove{to{background-position:0 0,40px 40px,40px 40px,0 0}}<div class="fx">
<div class="grid-bg"></div>
</div>