CSS如何实现图片淡入淡出效果

有两个div分别显示a、b两张不同图片，要求鼠标移入到某个div后平滑淡入显示图片，移出div后图片平滑淡出显示。
现在以下代码只能实现淡入，鼠标移开后就不能淡出，如何才能用CSS3做到淡出？