3 ms·
Pure CSS box shadows without extra markup can be achieved with using negative spread (with increased blur to compensate) and multiple shadows. I believe it allo
by goblin89 6y ago
Pure CSS box shadows without extra markup can be achieved with using negative spread (with increased blur to compensate) and multiple shadows. I believe it allows to achieve the exact look the author demonstrates at the end.
What I'd like to see is browser engines converge on identical box shadow rendering. Currently shadows tend to be more pronounced in Firefox relative to WebKit.
- zzo38computer 6y agoWhat I would prefer to see is user settings for box shadow rendering, so that the user can configure how much pronounced it is or to disable it entirely, with presets for imitating Firefox and for imitating WebKit.
- goblin89 6y agoThe problem is that Firefox extends visible shadow past WebKit, too. If you rely on box shadow to match certain area in your design, such discrepancy in rendering could break it.
- notatoad 6y ago>Currently shadows tend to be more pronounced in Firefox relative to WebKit. yeah, last i looked at this, negative spread was essentially useless for anything but the most subtle tweak because it looked so different in firefox and chrome.