.square

.circle
View Compiled
.square
  width: 100px
  height: 100px
  background: #272727
  top: 50px
  left: 50%
  position: absolute
  margin: 0px 0 0 -205px
  
  box-shadow: 130px 0px 0px -10px #D4AA7D, 240px 0px 0px -20px #EFD09E, 320px 0px 0px -30px #D2D8B3, 380px 0px 0px -40px #90A9B7
  
.circle
  width: 100px
  height: 100px
  background: #272727
  top: 250px
  left: 50%
  position: absolute
  margin: -50px 0 0 -10px
  border-radius: 50px
  
  box-shadow: inset 0px 0px 0px 10px #90A9B7, inset 0px 0px 0px 20px #D2D8B3, inset 0px 0px 0px 30px #EFD09E, inset 0px 0px 0px 40px #D4AA7D
View Compiled

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.