将鼠标悬停在div上，更改部分背景图片？

Question

我尝试重新创建功能部分：<section id="features"> @ https://dreem.com/en/

基本上，我想要更改背景图片，文字和图标。

我在这里玩弄它：https://codepen.io/JordiUp/pen/XZJdQO

但我还没弄明白如何让hove过渡工作。

我是否能够在使用HTML和CSS的部分中实现此效果，或者我错过了某些内容并需要Javascript。

第一次发帖，提前谢谢。

Answer 1

希望它能为您服务，请参阅此链接

https://www.tutorialrepublic.com/codelab.php?topic=faq&file=css-image-swap-on-hover