<div class="box inner-shadow"></div> 


/* Setting up a box to add the inner shadow to */
.box {
  margin: 4rem auto;
  width: 50%;
  padding: 1rem;
  text-align: center;
  border-radius: 1rem;

/* Drop shadow combined with a inset inner shadow, P.S. this can be used to make beautiful 3D buttons */
.inner-shadow {
  width: 150px;
  height: 150px;
  box-shadow: inset rgba(60, 70, 85, 0.5) 0px 0px 40px 0px, rgba(0, 0, 0, .3) 0px 30px 100px -24px;

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.