Javascript 如何实现从一幅背景图像到另一幅背景图像的平滑过渡

我需要更改鼠标上的背景图像或徽标图像上的背景图像。我能够做到这一点，但图像之间的过渡并不顺利

你能帮我在两幅图像之间平稳过渡吗

代码如下：

函数MouseOver（）{
document.body.style.backgroundImage=“url（'picture2.jpg'）”；
}
函数MouseOut（）{
document.body.style.backgroundImage=“url（'picture1.png'）”；
}

变换通过在特定时间内平滑地更改CSS值来提供动画外观。检查此…

---

但将其应用于背景图像工作不会有任何效果。它不可设置动画。不，你不能：求你了。答案是“仅仅是一个外部网站的链接”，谢谢你的回复。我可以看出，应用的过渡是针对正方形的宽度。我需要过渡应用到背景图像。正如我已经提到的，我对网页设计是新手。请看一下页面，让我知道需要应用什么代码。@Sana请检查这个。。。。。。。