在 CSS 中，您可以在两种或多种颜色之间平滑过渡。 CSS 有两种类型的渐变：
- 线性渐变：向下/向上/向左/向右/对角线渐变，使颜色平滑过渡。要进行线性过渡，您首先必须选择两个色标。色标是您要在其中进行过渡的颜色。您还可以为过渡选择起点和方向(角度)。
背景图像：线性渐变(方向，颜色停止1，颜色停止2，……)； - 径向渐变：由中心定义。在这里，您还必须指定至少两个色点。
句法：
background-image: radial-gradient(shape size at position,
start-color, ...);例子：
Transition work with linear gradient
background button
GeeksforGeeks
Hover over the bytton
输出： 