CSS Box Shadow properties from Photoshop drop shadow settings

Discussion in 'Coding Help' started by MOH, Jan 26, 2011.

  1. MOH

    MOH New Member

    Is there any scientific way of working out what the CSS box-shadow properties should be to replicate (or approximate) particular Drop Shadow (and Outer Glow) effects settings in Photoshop?

    i.e. given a PSD, how do you replicate the drop shadow with CSS (as opposed just copying the shadow and using it as a background image, which I can't do in this case)
  2. ziycon

    ziycon New Member

  3. MOH

    MOH New Member

    Thanks for those.
    I have the drop-shafow implemented in CSS alright - I was just looking for a 'scientific' way of working out what the settings should be to recreate as close as possible the drop-shadow applied in a .psd - other than trial and error
  4. Banta

    Banta New Member

    MOH, I don't suppose you've found a solution / idea for this since your last post? It is DEFINITELY something I'd be interested in knowing. Have you discovered a 'formula' for this?
  5. MOH

    MOH New Member

    Unfortunately not - trial and error and eyeballing it is the only way I found.

Share This Page