锥形渐变边框持续旋转，按钮像被光环环绕
← 返回 按钮 类特效列表上方为纯 CSS 实时演示，直接将鼠标移上去 / 点击感受效果
.fx{padding:44px 0}
.fx .cb{position:relative;display:block;width:180px;margin:0 auto;padding:14px 0;text-align:center;border-radius:12px;font-size:15px;font-weight:700;background:#0d1117;color:#fff;cursor:pointer;z-index:0}
.fx .cb::before{content:"";position:absolute;inset:-3px;border-radius:14px;background:conic-gradient(from 0deg,#f778ba,#4a9eff,#57ab5a,#f778ba);z-index:-1;animation:kfx-cb 3s linear infinite}
.fx .cb::after{content:"";position:absolute;inset:0;border-radius:12px;background:#161b22;z-index:-1}
@keyframes kfx-cb{to{transform:rotate(360deg)}}<div class="fx">
<button class="cb">流光边框</button>
</div>