渐变流光按钮 | wjs-css-effects

关键点

渐变流光按钮的背景是一个尺寸大于按钮的多色渐变，通过移动背景位置产生流动感
设置 background-size: 200% 100% 或更大，让渐变有足够空间左右移动
通过 background-position 从 0% 50% 到 100% 50% 的过渡实现流动
hover 时触发背景位置变化或持续无限动画，两种方式都能产生流光效果
渐变色选择相近色系搭配，过渡更自然；对比色搭配则视觉冲击力更强

效果说明

渐变背景持续流动的按钮。用多色 linear-gradient 做背景，background-size 放大后通过 background-position 动画位移，呈现色彩流动效果。hover 时缩短 animation-duration，视觉上"加速"。关键是渐变首尾用同色，保证循环时无缝衔接。