如何在CSS中从十六进制过渡到渐变？

如何创建从十六进制颜色到渐变色再到渐变色的背景过渡

我的变量

--base

为白色，十六进制和渐变之间的转换不起作用

：根目录{
--app：径向梯度（10%20%时圆圈753.6px，rgba（248167221,1）0%，rgba（230192254,1）41%，rgba（169217243,1）90%）；
--基底：#FFFFFF；/*径向梯度（#FFFFFF，#FFFFFF）*/
}
身体{
背景：DDD；
}
div{
高度：100px；
线高：100px；
文本对齐：居中；
宽度：300px；
背景：var（--base）；
过渡：所有的1容易；
}
div:悬停{
背景：var（--app）；
}

---

测试

我为您创建了一个解决方案： 为了在这两者之间创建转换，您需要使用z索引技巧。 有关更多信息，请参阅本文： 祝你今天愉快

div:hover::before {
   opacity: 1;
}

---

不知道我是否了解你的问题。你有一个白色的div，你将鼠标悬停在它上面，并立即改变颜色。你对这种颜色的褪色有什么问题吗？我想用一种不起作用的过渡色。无论变换值如何，背景都会立即更改。我想要从白色到渐变色再到渐变色的平滑1s过渡。