.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