Re: [css3-background] box-shadow spread radius and rounded corners

On Apr 28, 2010, at 6:40 PM, Alex Meiburg wrote:

> Then, the shadow would add something like 5px to each radius

No, it just follows the radius in the same way that it follows the straight parts. So does the blur, for that matter. For instance, take a look at this, where you can see the difference between a sharp corner and a heavily blurred one (no spread in either):

http://www.bradclicks.com/cssplay/Blur-vs-Corner.html

Now look at this image, where the white has been changed to yellow, so that you can clearly see the extent of the blurred area:

http://www.bradclicks.com/cssplay/Blur-vs-Corner_result.png

This shows that the blur area has extended the boundary of the shadow out 25px, and created a shape with a 50px corner radius! Yet no one is complaining about how it increases the radius from 0 to 50px. This is the same sort of thing that spread does, but with a solid colored brush instead of a fuzzy-edged brush. In fact it is what 'border' does too, but no one complains about it having inner radii that are different from the outer radii. Border is more like inner shadow, in that the radius of the inner part gets smaller than the specified part, but that's just because the spec says to apply the radius to the outside of the border instead of the inside. It could just as easily have gone the other way.