box-shadow
box-shadow is a CSS property in the Box Model category. Adds shadow effects around an elements frame. The syntax is box-shadow: none | <offset-x> <offset-y> <blur> <spread> <color>. A typical example: box-shadow: 2px 2px 10px rgba(0,0,0,0.1); It is commonly applied to markup such as <div class="demo">Sample</div> Browser support: Chrome 4+, Firefox 3.5+, Safari 3.1+, Edge 12+. A close relative is width, which sets the width of an element. A close relative is height, which sets the height of an element. A close relative is min-width, which sets the minimum width of an element. More about this category: CSS box model properties — margin, padding, border, and content area. Related Box Model entries: width, height, min-width, max-width, min-height, max-height, margin, margin-top. This page is part of the free CSS Reference documentation covering 841+ properties, selectors, functions, and at-rules, each with syntax, values, examples, and browser support.