<div class="parent">
<div class="thebox"><div>
</div>
<!-- //none | h-offset v-offset blur spread //color | inset | initial | inherit -->
.parent {
background-color: rgba(243,244,246,1);
postion: absolute;
width: 100vw;
height: 100vh;
}
.thebox {
width:250px;
height:250px;
}
.thebox {
border-radius : 8px;
position: relative;
left: 50%;
top:50%;
transform: translate(-50%,-50%)
}
.thebox {
border-color : transparent;
backgroud-color: #fff;
box-shadow : 0px 10px 15px 12px rgba(0,0,0,0.1) inset;
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.