How to get smoother & sharper shadows with CSS

Posted on September 21, 2019

How to get smoother & sharper shadows with CSS

A very good tutorials about refining drop-shadow on ui component. A perfect resource to refine the shadows of the PRESENTA slide thumbs.

I didn't know about this way of layering box-shadow property in CSS:

box-shadow: 0 1px 1px rgba(0,0,0,0.12), 
            0 2px 2px rgba(0,0,0,0.12), 
            0 4px 4px rgba(0,0,0,0.12), 
            0 8px 8px rgba(0,0,0,0.12);