Hover screen

Post-1931
1931
/*Image Holders for Main Page*/
.container {
 position: relative;
 width: 30%;
 display: inline-block;
}
 
.image {
 display: block;
 width: 100%;
 height: auto;
}
 
.overlay {
 position: absolute;
 bottom: 0;
 left: 0;
 right: 0;
 background-color: rgba(0, 0, 0, 0.5);
 overflow: hidden;
 width: 100%;
 height: 0;
 transition: .5s ease;
}
 
.container:hover .overlay {
 height: 100%;
}
 
.text {
 white-space: nowrap; 
 color: white;
 font-size: 20px;
 position: absolute;
 overflow: hidden;
 top: 50%;
 left: 50%;
 transform: translate(-50%, -50%);
 -ms-transform: translate(-50%, -50%);
}
[[File:Neider.jpg|250px|link=]]
[[Main Page|Post-1931]]
[[File:Nader_2006m.png|250px|link=]]
[[Main Page|1931]]
Category:Utilities