CSS Hover Drawer

PHOTO EMBED

Thu Oct 06 2022 04:43:53 GMT+0000 (Coordinated Universal Time)

Saved by @Gaurav8269222 #undefined

.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;

}

​
content_copyCOPY

https://codepen.io/sarahpiglow/pen/rVxprY