Capas apiladas en CSS #shorts

https://www.youtube.com/watch?v=Jbgjk8hCekA

by lmcdevloper

HTML

<div class="stack">
<p>
Hola! 
</p>
</div>

CSS

body{
  background: purple;
}
.stack {
  margin: 0 auto;
  background-color: white;
  position: relative;
  top: 20px;
  left: -20px;
  width: 200px;
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 3px solid black;
  box-shadow: 10px -10px 0 -3px white, 10px -10px, 20px -20px 0 -3px white, 20px -20px;
  transition: all 0.25 ease-out;
  cursor: pointer;
}
.stack:hover{
  top:0;
  left:0;
  box-shadow: none;
}