Html Div背景色，以缓慢更改onhover

我正试着在鼠标上改变一个div的背景色。我想让背景像

我在悬停时使用了这个代码。我还想知道当鼠标移到上面时，颜色会慢慢改变

.header_col a:悬停{ 背景：-webkit-repeating-linear-gradient74ABDD，74ABDD 49.9%，498DCB 50.1%，498DCB 100%； 背景：-o-重复线性梯度74ABDD，74ABDD 49.9%，498DCB 50.1%，498DCB 100%； 背景：moz重复线性梯度74ABDD，74ABDD 49.9%，498DCB 50.1%，498DCB 100%； 背景：重复线性梯度74ABDD，74ABDD 49.9%，498DCB 50.1%，498DCB 100%； 颜色：白色！重要；

---

} 要更改悬停时的颜色，可以这样尝试

a{
    transition-duration: 0.8s;
    transition-delay: 0.5s;
    transition-property: color;
}

首先，在标记中定义这些代码，然后给出悬停效果

---

“过渡”属性定义了要设置动画或移动的属性。

要更改悬停时的颜色，可以这样尝试

a{
    transition-duration: 0.8s;
    transition-delay: 0.5s;
    transition-property: color;
}

首先，在标记中定义这些代码，然后给出悬停效果

---

“过渡”属性定义了要设置动画或移动的属性。

如果不需要渐变，请检查以下示例：

编辑：现在可以处理文本

.按钮{ 位置：相对位置； 宽度：100%； 身高：100%； 排名：0； z指数：-1； 变换：倾斜x30度； } .按钮：：之后{ 内容：； 位置：绝对位置； 底部：0； 宽度：100%； 身高：50%； 背景色：RGBA63142191,1； } .按钮：：之前{ 内容：； 位置：绝对位置； 排名：0； 宽度：100%； 身高：50%； 背景色：RGBA63142191,1； 过渡期：全部7秒； } .wrapper:悬停。按钮：在{ 背景色：RGBA63142191.5； } a{ 文本对齐：居中； 宽度：100%； 左：0； 右：0； 身高：100%； 宽度：100%； 位置：绝对位置； 保证金：0； 显示器：flex； 证明内容：中心； 对齐项目：居中； } .包装纸{ 位置：绝对位置； 宽度：200px； 高度：80px； z指数：9； 左：0； 右：0； 保证金：自动； }

---

您不需要使用渐变，请检查以下示例：

编辑：现在可以处理文本

.按钮{ 位置：相对位置； 宽度：100%； 身高：100%； 排名：0； z指数：-1； 变换：倾斜x30度； } .按钮：：之后{ 内容：； 位置：绝对位置； 底部：0； 宽度：100%； 身高：50%； 背景色：RGBA63142191,1； } .按钮：：之前{ 内容：； 位置：绝对位置； 排名：0； 宽度：100%； 身高：50%； 背景色：RGBA63142191,1； 过渡期：全部7秒； } .wrapper:悬停。按钮：在{ 背景色：RGBA63142191.5； } a{ 文本对齐：居中； 宽度：100%； 左：0； 右：0； 身高：100%； 宽度：100%； 位置：绝对位置； 保证金：0； 显示器：flex； 证明内容：中心； 对齐项目：居中； } .包装纸{ 位置：绝对位置； 宽度：200px； 高度：80px； z指数：9； 左：0； 右：0； 保证金：自动； }

---

希望这个代码能起作用

李国柱先生{ 显示：内联块； 过渡：背景0.2s； 变换：倾斜20度；/*倾斜*/ } .header_col li a{ 显示：块； 文字装饰：无； 颜色：黑色！重要； 变换：倾斜-20度；/*反向倾斜*/ } .header_col li:悬停{ 背景：-webkit-repeating-linear-gradient74ABDD，74ABDD 49.9%，498DCB 50.1%，498DCB 100%； 背景：-o-重复线性梯度74ABDD，74ABDD 49.9%，498DCB 50.1%，498DCB 100%； 背景：moz重复线性梯度74ABDD，74ABDD 49.9%，498DCB 50.1%，498DCB 100%； 背景：重复线性梯度74ABDD，74ABDD 49.9%，498DCB 50.1%，498DCB 100%； 颜色：白色！重要； } .header_col li a:悬停{ 颜色：白色！重要； }

---

希望这个代码能起作用

李国柱先生{ 显示：内联块； 过渡：背景0.2s； 变换：倾斜20度；/*倾斜*/ } .header_col li a{ 显示：块； 文字装饰：无； 颜色：黑色！重要； 变换：倾斜-20度；/*反向倾斜*/ } .header_col li:悬停{ 背景：-webkit-repeating-linear-gradient74ABDD，74ABDD 49.9%，498DCB 50.1%，498DCB 100%； 背景：-o-重复线性梯度74ABDD，74ABDD 49.9%，498DCB 50.1%，498DCB 100%； 背景：moz重复线性梯度74ABDD，74ABDD 49.9%，498DCB 50.1%，498DCB 100%； 背景：重复线性梯度74ABDD，74ABDD 49.9%，498DCB 50.1%，498DCB 100%； 颜色：白色！重要； } .header_col li a:悬停{ 颜色：白色！重要； }

---

我在hover li上的代码显示为这样，但我想显示为这样@Temani Afif ok，但不需要向下投票，我只是忘记了文本。我更新了密码别忘了这件事的目的。。这是一个可点击的链接，在你的情况下，它不会做的工作，我们需要有一个里面有文本的标签。而否决权并不是坏的或个人的，它允许我们改进我们的答案/questions@TemaniAfif那么更改html标记有什么问题？在我的情况下怎么不起作用？我现在不明白你的意思…现在你把它改成a，它就好了；这就是我所说的，代码需要完整以避免任何混淆。我只是想帮你找到一个好办法。我们不是在竞争中，我们只需要得到正确的答案。没有正常工作我的代码在hover li上显示为这样，但我想显示为这样@Temani Afif ok，但不需要向下投票，我只是忘记了文本。我更新了密码别忘了这件事的目的。。这是一个可点击的链接，在你的情况下，它不会做的工作，我们需要有一个里面有文本的标签。而否决权并不是坏的或个人的，它允许我们改进我们的答案/questions@TemaniAfif那么更改html标记有什么问题？在我的情况下怎么不起作用？我现在不明白你的意思…现在你把它改成a，它就好了；这就是我所说的，代码需要完整以避免任何混淆。我只是想帮你找到一个好办法。我们不是在竞争，我们只需要得到正确的答案。非常感谢！但是缓慢的变化在哪里呢？这就是目的不？太好了谢谢！但是缓慢的变化在哪里呢？这就是目的不？