If you have a new account but are having problems posting or verifying your account, please email us on hello@boards.ie for help. Thanks :)

Hello all! Please ensure that you are posting a new thread or question in the appropriate forum. The Feedback forum is overwhelmed with questions that are having to be moved elsewhere. If you need help to verify your account contact hello@boards.ie

Hi there,
There is an issue with role permissions that is being worked on at the moment.
If you are having trouble with access or permissions on regional forums please post here to get access: https://www.boards.ie/discussion/2058365403/you-do-not-have-permission-for-that#latest

Photoshop Drop Shadow/Outer Glow > CSS

MOH · 2011-01-26 14:46:33

Not sure if this is best suited to design or development, but anyway: I'm trying to replicate the drop shadow effect from a PSD in CSS. I've got the Photoshop drop shadow (and outer glow) settings, I'm looking for a way of converting these to the CSS box-shadow properties which will give me the closest resemblance, other…

26-01-2011 2:46pm

#1

MOH

Registered Users, Registered Users 2 Posts: 6,465 ✭✭✭

Join Date: October 2005

Posts: 5881

Not sure if this is best suited to design or development, but anyway:

I'm trying to replicate the drop shadow effect from a PSD in CSS.

I've got the Photoshop drop shadow (and outer glow) settings, I'm looking for a way of converting these to the CSS box-shadow properties which will give me the closest resemblance, other than trial and error.

I'm presuming there must be a way of saying "if blend mode is multiply, and opacity is a, and distance and size are b, then you need {box-shadow: 0px ipx jpx #xxx}"

(I can't just use the image from photoshop because I can't add containing divs to apply the shadow image to.)

Is there a more scientific way of working out box-shadow setting than trial and error?

0