Image Captions on Hover CSS
Image Captions on Hover a { position : relative } a span { display : none; position : absolute; bottom : 0 ; width : 100% ; padding : 10px ; background : rgba ( 255 , 255 , 255 ,. 8 ); } a :hover span { display : block } < a > < img src = "http://placehold.it/300x200" > < span > caption </ span > </ a > Donload Demo : https://tympanus.net/codrops/2011/11/02/original-hover-effects-with-css3/