Mac OS X 10.7 Window Shadow Params

I would like to create some Mac OS X 10.7 Windows "simulations" in Photoshop.

I would like to learn about the window's shadow parameters, like size, spread and distance.

Could anybody help me with this???


For Mac OS X standard windows use drop shadow with folowing parameters: black #000000 color with opacity 60%, angle 90º, distance 25px, size 50px, spread 0px.


Actually it's more of a combination of two drop shadows. These settings work well for me in direct comparison to the original shadow:

  • Dropshadow 1:
    • Opacity: 47%
    • Angle: 90°
    • Distance: 26px
    • Spread: 0px
    • Size: 43px
  • Dropshadow 2:
    • Opacity: 44%
    • Angle: 90°
    • Distance: 0px
    • Spread: 0px
    • Size: 3px

The second drop shadow is for the fine darker line you notice around every window, especially when examining OS X window chrome on white background.


.box { 
    width: 200px;
    height: 100px;
    margin: auto;
    padding: 20px;
    border-radius: 5px; 
    background-color: #e4e4e4; border: 1px solid #adadad;
    -webkit-box-shadow: 0 20px 70px rgba(0, 0, 0, 0.55);
    -moz-box-shadow: 0 20px 70px rgba(0, 0, 0, 0.55);
    box-shadow: 0 20px 70px rgba(0, 0, 0, 0.55);
}

<div class="box">
 Lorem ipsum
</div>