Shadows add physical realism. When used well, they can help create interfaces that pop. 🍾
The summary below outlines the different methods for creating shadows.
The codepen below allows you to play with the
box-shadow property to understand the effect the different parameters have on the shadow.
Below is a summary of what you can do with shadows.