那么，如何使用CSS实现这种图片淡入动画呢？下面分享一段代码：
.fade-in {
opacity: 0; /* 初始为透明 */
transition: opacity 0.3s ease-in-out; /* 定义过渡效果 */
}
.fade-in:hover {
opacity: 1; /* 鼠标悬浮时透明度为1 */
}以上代码中，大家首先定义了一个.fade-in的CSS类，将图片的初始透明度设为0，也就是说在网页上是看不见的。
然后，大家使用transition属性来定义一个过渡效果，它表示在0.3秒内以缓慢的速度改变透明度（即渐变效果），这样图像就会淡入显示。
接下来，大家使用:hover选择器为图片添加了鼠标悬浮事件，将透明度设置为1，这样就完成了这个简单的动画效果。
在实际应用中，大家可以将.fade-in类应用到需要淡入效果的图片上，如下所示：
<img class="fade-in" src="example.jpg">
这样，大家就可以非常方便地实现图片淡入的效果了。