过渡在我的 CSS 的背景图像中不起作用

transition is not working in background-image in my css

提问人：CBUM 提问时间：10/25/2023 更新时间：10/25/2023 访问量：32

问：

我有一个盒子 这个框有一个背景图像 当框悬停时，背景图像（渐变）必须显示在其上，但图像仍然可见 一切都很好

但问题是这个背景图像（渐变）显示得非常快，过渡不起作用，如果有人可以帮助我，我❤️的工作有点不专业，非常感谢

这是我盒子的一些图片： 普通盒子悬停框

我尝试在它上面添加过渡，但对背景图像（渐变）没有影响

html css css 背景-图像 过渡

评论

0赞 A Haworth 10/25/2023
请阅读 stackoverflow.com/help/minimal-reproducible-example，您是对的，过渡不会对背景产生影响。您是否考虑过使用伪元素？
0赞 LSE 10/25/2023
背景图像本身的动画效果不是很好。使用 2 个带有背景图像的独立元素并对其不透明度进行动画处理。
0赞 G-Cyrillus 10/25/2023
您也可以考虑将图像保留在 HTML 中，并将 2 个元素放在彼此之上。codepen.io/gc-nomade/pen/LYqVyGZ 网格布局避免了此处的绝对定位。

答： 暂无答案

上一个：在 <CSSTransition /> 中包装组件会有什么副作用吗？

下一个：为什么在带有 checked 的类上设置转换完全没有效果？