多色渐变缓慢游走,零图片零 JS 的动态背景
← 返回 背景 类特效列表上方为纯 CSS 实时演示,直接将鼠标移上去 / 点击感受效果
.fx .flow-bg{height:220px;border-radius:14px;margin:20px auto;background:linear-gradient(120deg,#4a9eff,#a371f7,#f778ba,#57ab5a);background-size:300% 300%;animation:kfx-bgFlow 16s ease infinite}
@keyframes kfx-bgFlow{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}<div class="fx">
<div class="flow-bg"></div>
</div>