127040 2014-01-15 03:44:03 -0800 box-shadow stops working at 2042px spread 2016-02-17 06:45:23 -0800 1 1 1 Unclassified WebKit Layout and Rendering 528+ (Nightly build) Mac (Intel) OS X 10.9 NEW P2 Major --- 1 aigner.erik webkit-unassigned andyearnshaw oldest_to_newest 968263 0 aigner.erik 2014-01-15 03:44:03 -0800 box-shadow stops working at a 2042px spread value, if a border-radius is set. div { border-radius: 3px; box-shadow: 0 0 0 2042px rgba(0,0,0,0.2), 0 0 0 3px #aaa; height: 100px; width: 100px; } 968264 1 aigner.erik 2014-01-15 03:44:57 -0800 Browser: Safari 7.0.1/WebKit 968281 2 aigner.erik 2014-01-15 04:55:32 -0800 Also the element dimensions seem to affect it, since it works with a width/height of 1px. 968283 3 aigner.erik 2014-01-15 04:58:32 -0800 Example http://jsfiddle.net/dKXh8/ 1165573 4 andyearnshaw 2016-02-17 06:45:23 -0800 I've experienced the same issue, it appears to also depend on the viewport height. For instance, on my MBP retina display (viewport size 1440x589 with the dev tools open) a 727x588 element has a maximum shadow spread of 1018px. On my portrait screen (viewport size 1609x1080) the same element has a maximum shadow spread of 2039px. If the element is draggable, the shadow sometimes appears as you drag it around, but doesn't always render correctly even when it appears.