在CSS中，我们可以使用:hover伪类来实现鼠标悬停时出现图片的效果。

img:hover {content: url('image.jpg');}

这段代码表示当鼠标悬停在img标签上时，会出现名为'image.jpg'的图片。

同时，我们可以利用伪元素:before和:after来实现更多的鼠标悬停效果。

a:hover:before {content: url('image1.jpg');}a:hover:after {content: url('image2.jpg');}

这段代码表示当鼠标悬停在a标签上时，会在a标签前面（:before）出现'image1.jpg'的图片，在a标签后面（:after）出现'image2.jpg'的图片。

这种效果常见于网站导航栏或者菜单栏，可以在用户鼠标悬停在某个选项上时，通过出现不同的图片、颜色或者字体效果来引导用户。