123456789101112131415161718192021222324252627282930313233343536373839 |
- /*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;
- top: 50%;
- 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;
- }
|