Css 将鼠标移到另一个图像上时淡入淡出图像

我有两张照片。我想让第二个图像在我“鼠标移过”第一个图像时淡入，在我“鼠标移离”第一个图像时淡出

如何使用css3完成此任务

---

我提前感谢您的回复。

实际上，我不知道如何使用CSS3实现这一点，但使用JQuery：

$('#image1').mouseover(function() {
  $('#image2').fadeIn();
});

$('#image1').mouseout(function() {
  $('#image2').fadeOut();
});

---

这是一些图像的基本解决方案，但您可以根据需要动态执行

不要忘记设置“显示：无；”要淡出或淡出的元素的属性！