Default Smooth As light hits an object and a shadow is cast, the shadow can take on a myriad of unique characteristics. If you try to capture the subtleties of a real shadow with box-shadow then, well, you’re pretty much out of luck. The box-shadow CSS property isn’t exactly built to encourage expressiveness. It essentially produces a blurred silhouette of an object—you can change its offset, blur
![Smoother & sharper shadows with layered box-shadows](https://cdn-ak-scissors.b.st-hatena.com/image/square/7eae2ecaa367bcdb5ff22f7bb242c02b91fed02c/height=288;version=1;width=512/https%3A%2F%2Ftobiasahlin.com%2Fstatic%2F-social%2Fog_blog-layered-smooth-box-shadows.jpg)