Keith J. Grant
在 CSS 中，您无法过渡背景渐变。它会立即从一个渐变跳到另一个渐变，两个渐变之间没有平滑过渡。
他记录了一个巧妙的策略，即定位一个覆盖该元素的伪元素，该伪元素具有不同的背景，并过渡该伪元素的不透明度。您还需要一些 z-index 技巧来确保内部的任何内容都可见。
天哪，我还记得不久前伪元素还不可过渡！
我想既然我们在这里使用了一个伪元素，我就会 记录一些其他方法。我们可以始终移动一个较长元素的位置，使其看起来像一个渐变过渡。或者，我们可以使用半透明渐变并在其后过渡一个纯色背景。