CSS动画在悬停-当悬停时慢慢淡出

I'm quite new to CSS Animations. I've put together a simple effect whereby a link is hovered and a title appears and the opacity of a div on top of the image fades up. I'm quite new to CSS Animations. I've put toget