Css 过渡属性：背景混合模式忽略过渡持续时间

将左上方的

h1

元素悬停在

它将在2秒内将

h1

元素更改为淡蓝色

它不会在定义的过渡持续时间内更改背景的混合模式。虽然它将应用悬停规则并更改混合模式，但它将忽略过渡持续时间

如何将过渡持续时间也应用于混合模式？

---

它似乎被忽视了

嗯，你不能设置背景混合模式的动画。作为解决方法，您可以使用具有相同背景图像的div和

背景混合模式：柔和灯光，正常作为默认值。
悬停时，您可以将
opacity
更改为0，显示身体的背景图像，默认情况下，身体的背景图像具有
overlay
混合模式



身体，
div{
最小高度：100vh；
最小宽度：100vw；
颜色：红色；
背景色：黑色；
背景图像：url（“https://www.humanofearth.com/img/humanofearth-bkg-no-bkg.png“”，url（“”）https://www.humanofearth.com/img/universe-bkg.webp");
背景重复：不重复，不重复；
背景附件：固定，固定；
背景尺寸：包含，封面；
背景位置：左中、中中；
背景混合模式：叠加，正常；
过渡性质：颜色；
过渡时间：2s；
}
身体：悬停{
颜色：蓝色；
}
div{
背景混合模式：柔和灯光，正常；
不透明度：1；
过渡：不透明度2s；
z指数：-1；
}
div:悬停{
不透明度：0；
}
地球人类
地球人类
背景混合模式
是不可设置动画的属性。好的，谢谢你的解释和示例，这很有意义，解决了这个问题。