<div class="layer"></div>
body {
padding: 200px;
}
.layer {
width: 140px;
height: 140px;
border-radius: 15px;
background-color: #d8d8ff;
box-shadow: #b2b1ff 40px 40px, #6563ff 80px 80px;
transform: rotate(30deg) skewX(-30deg) scaleX(1.15);
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.