====== CSS - Box Shadow ====== CSS3 box-shadow (and it’s vendor-specific subsets) can be used with 0 blur to create an additional inner or outer border along one side. This can be useful for creating inset or outset type effects. The standard CSS border-style declaration of **double** produces a single line of the defined color and a single line that’s transparent – seldom the intention of the author. For an outer border:


-moz-box-shadow: #FFF 0 1px 0 0;
-webkit-box-shadow: #FFF 0 1px 0 0;
box-shadow: #FFF 0 1px 0 0;

For an inner border:


-moz-box-shadow: inset #B3B3B3 0 -1px 0 0;
-webkit-box-shadow: inset #B3B3B3 0 -1px 0 0;
box-shadow: inset #B3B3B3 0 -1px 0 0;











  Test
  Test 2

result: {{:css:css_-_box_shadow.png?400|}} **NOTE:** This might help when dealing with i.e.


filter: progid:DXImageTransform.Microsoft.Shadow(color='#272229', Direction=135, Strength=3);