/*Credids to http://www.1stwebdesigner.com/image-caption-animation-css3/*/ .card-image:hover figcaption { -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); filter: alpha(opacity=100); opacity: 1; top: 0; } figcaption { -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); filter: alpha(opacity=0); opacity: 0; position: absolute; height: 100%; width: 100%; background: rgba(0,0,0,.6); color: #fff; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; -ms-transition: all .5s ease; transition: all .5s ease; } figcaption h5{ text-align: center; margin-top: 10px; font-weight: 300; padding: 5px; } /*End of stuff*/ figcaption a{ width: 100%; position: absolute !important; bottom: 0; }