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

On Wed, Apr 28, 2010 at 8:16 PM, Brad Kemper <brad.kemper@gmail.com> wrote:
> 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.

Indeed.  So we should be completely consistent, then, and do a full
spread, which will round even the sharpest corner.

~TJ

Received on Thursday, 29 April 2010 03:24:18 UTC