.container {
width: 00px;
3
height: 300px;
margin: 0 auto;
background-image: url(http://pillowparty.me/300/300);
overflow: hidden;
}
.drawer {
width: 300px;
height: 300px;
margin: 0 auto;
background-color: #000000;
opacity: 0.6;
transition: all 0.6s ease;
position: relative;
top: 300px;
}
.container:hover .drawer {
top: 210px;
}
Preview:
downloadDownload PNG
downloadDownload JPEG
downloadDownload SVG
Tip: You can change the style, width & colours of the snippet with the inspect tool before clicking Download!
Click to optimize width for Twitter