Difference between revisions of "Template:MIT"

Line 321: Line 321:
 
color:#72c9b6;
 
color:#72c9b6;
 
}
 
}
 +
 +
.wow {
 +
    position:relative;
 +
    width:560px;
 +
    height:310px;
 +
    -webkit-transition: opacity 0.8s ease-in-out;
 +
    -moz-transition: opacity 0.8s ease-in-out;
 +
    -o-transition: opacity 0.8s ease-in-out;
 +
    -ms-transition: opacity 0.8s ease-in-out;
 +
    transition: opacity 0.8s ease-in-out;
 +
}
 +
.wow img {
 +
    position:relative;
 +
    top:0;
 +
    left:0;
 +
    z-index:1
 +
}
 +
.overlay {
 +
    position:absolute;
 +
    width:100%;
 +
    height:100%;
 +
    top:0;
 +
    left:0;
 +
    z-index:2;
 +
    opacity:0;
 +
    -webkit-transition: opacity 0.4s ease-in-out;
 +
    -moz-transition: opacity 0.4s ease-in-out;
 +
    -o-transition: opacity 0.4s ease-in-out;
 +
    -ms-transition: opacity 0.4s ease-in-out;
 +
    transition: opacity 0.4s ease-in-out;
 +
}
 +
.wow:hover > .overlay {
 +
    opacity:1;
 +
    width:560px;
 +
    height:310px height:auto;
 +
    padding:5px;
 +
    display:block;
 +
    background:rgba(255, 255, 255, 0.4)
 +
}
  
 
/********************************* RESPONSIVE STYLING ********************************/
 
/********************************* RESPONSIVE STYLING ********************************/

Revision as of 14:02, 21 September 2016

MENU ▤