just curious, how does css box-shadow values corresponds to photoshop’s drop shadow/inner shadow settings?
i mean, let’s say in photoshop i have a button that has a drop shadow with 90deg angle, 4px distance, 0% spread and 3px size.. how do i recreate it using css? this is how the button looked like photoshop: <http://db.tt/ccazg8l> here's the button made with css: <http://db.tt/a1rk08F> i get the result with this box-shadow settings.. > box-shadow: 0 2px 3px 0 rgba(0,0,0,0.45); <https://developer.mozilla.org/en/CSS/box-shadow> <http://developer.apple.com/library/safari/#documentation/AppleApplications/Reference/SafariCSSRef/Articles/StandardCSSProperties.html%23//apple_ref/doc/uid/TP30001266--webkit-box-shadow> i still think it's a bit off somehow. i don't know, maybe it's just me :P i'm doing more testing at the moment. i'll share it once i get an exact "formula". but does someone figure this out yet? i think we all could really use a reference on this.. thx -- Rizky Syazuli Senior Front-End Developer rizkysyaz...@gmail.com http://id.linkedin.com/in/rizky ______________________________________________________________________ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ ______________________________________________________________________ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
