.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
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.