Skip to content

Commit e84b892

Browse files
committed
Remove 'radius' from 'spread radius' and mark definition of 'blur radius' as an issue.
1 parent 60e8363 commit e84b892

2 files changed

Lines changed: 26 additions & 23 deletions

File tree

css3-background/Overview.html

Lines changed: 17 additions & 16 deletions
Original file line numberDiff line numberDiff line change
@@ -3724,11 +3724,11 @@ <h3 id=the-box-shadow><span class=secno>6.2. </span>The &lsquo;<a
37243724
the blur radius is zero, the shadow's edge is sharp. Otherwise, the
37253725
larger the value, the more the shadow's edge is blurred. See below.
37263726

3727-
<li>The fourth length is a spread radius. Positive values cause the shadow
3728-
shape to expand in all directions by the specified radius. Negative
3729-
values cause the shadow shape to contract. See below. <span
3730-
class=note>Note that for inner shadows, expanding the shadow (creating
3731-
more shadow area) means contracting the shadow's perimeter shape.</span>
3727+
<li>The fourth length is a spread. Positive values cause the shadow shape
3728+
to expand in all directions by the specified radius. Negative values
3729+
cause the shadow shape to contract. See below. <span class=note>Note that
3730+
for inner shadows, expanding the shadow (creating more shadow area) means
3731+
contracting the shadow's perimeter shape.</span>
37323732

37333733
<li>The color is the color of the shadow.
37343734

@@ -3754,13 +3754,13 @@ <h3 id=the-box-shadow><span class=secno>6.2. </span>The &lsquo;<a
37543754
class=property>border-image</code></a>&rsquo; does not affect the shape of
37553755
the box-shadow.
37563756

3757-
<p>If a spread radius is defined, the shadow is expanded by an outward
3758-
outset of the specified amount normal to the original shadow perimeter.
3759-
For corners with a zero border-radius (i.e. where the normal is not
3760-
defined), the corner remains sharp&#8212;the operation is equivalent to
3761-
scaling the shadow shape. The UA may approximate the transformed shadow
3762-
perimeter shape by outsetting (insetting, for inner shadows) the shadow's
3763-
straight edges by the spread radius and increasing (decreasing, for inner
3757+
<p>If a spread is defined, the shadow is expanded by an outward outset of
3758+
the specified amount normal to the original shadow perimeter. For corners
3759+
with a zero border-radius (i.e. where the normal is not defined), the
3760+
corner remains sharp&#8212;the operation is equivalent to scaling the
3761+
shadow shape. The UA may approximate the transformed shadow perimeter
3762+
shape by outsetting (insetting, for inner shadows) the shadow's straight
3763+
edges by the spread distance and increasing (decreasing, for inner
37643764
shadows) and flooring at zero the corner radii by the same amount. In
37653765
either case, the effective width and height of the shadow shape is floored
37663766
at zero. (A zero-sized shadow shape would cause an outer shadow to
@@ -3769,12 +3769,13 @@ <h3 id=the-box-shadow><span class=secno>6.2. </span>The &lsquo;<a
37693769
<p>The blur radius is perpendicular to and centered on the shadow's edge
37703770
and defines a gradient color transition ranging from the full shadow color
37713771
at the radius endpoint inside the shadow to fully transparent at the
3772-
endpoint outside it. The exact algorithm for the blur transition is not
3773-
specified.
3772+
endpoint outside it. <span class=issue>Is this the correct definition for
3773+
blur radius? Also, is there a better term for it?</span> The exact
3774+
algorithm for the blur transition is not specified.
37743775

37753776
<div class=example>
3776-
<p>The example below demonstrates the effects of the spread and blur radii
3777-
on the shadow:</p>
3777+
<p>The example below demonstrates the effects of spread and blur on the
3778+
shadow:</p>
37783779

37793780
<p class=figure> <img alt="An example of spread and blur on a box with two
37803781
round corners and two square ones" src=spread-blur.png></p>

css3-background/Overview.src.html

Lines changed: 9 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -2692,7 +2692,7 @@ <h3 id="the-box-shadow">The 'box-shadow' property</h3>
26922692
Otherwise, the larger the value, the more the shadow's edge is
26932693
blurred. See below.
26942694

2695-
<li>The fourth length is a spread radius. Positive values cause
2695+
<li>The fourth length is a spread. Positive values cause
26962696
the shadow shape to expand in all directions by the specified
26972697
radius. Negative values cause the shadow shape to contract.
26982698
See below.
@@ -2721,14 +2721,14 @@ <h3 id="the-box-shadow">The 'box-shadow' property</h3>
27212721
the shadow shape is rounded in the same way. The 'border-image' does not
27222722
affect the shape of the box-shadow.
27232723

2724-
<p>If a spread radius is defined, the shadow is expanded by an outward
2724+
<p>If a spread is defined, the shadow is expanded by an outward
27252725
outset of the specified amount normal to the original shadow perimeter.
27262726
For corners with a zero border-radius (i.e. where the normal is not
27272727
defined), the corner remains sharp&#8212;the operation is equivalent to
27282728
scaling the shadow shape.
27292729
The UA may approximate the transformed shadow perimeter shape by
27302730
outsetting (insetting, for inner shadows) the shadow's straight edges
2731-
by the spread radius and increasing (decreasing, for inner shadows)
2731+
by the spread distance and increasing (decreasing, for inner shadows)
27322732
and flooring at zero the corner radii by the same amount. In either
27332733
case, the effective width and height of the shadow shape is floored
27342734
at zero. (A zero-sized shadow shape would cause an outer shadow to
@@ -2737,12 +2737,14 @@ <h3 id="the-box-shadow">The 'box-shadow' property</h3>
27372737
<p>The blur radius is perpendicular to and centered on the shadow's
27382738
edge and defines a gradient color transition ranging from the full
27392739
shadow color at the radius endpoint inside the shadow to
2740-
fully transparent at the endpoint outside it. The exact algorithm
2741-
for the blur transition is not specified.
2740+
fully transparent at the endpoint outside it. <span class="issue">Is
2741+
this the correct definition for blur radius? Also, is there a better
2742+
term for it?</span>
2743+
The exact algorithm for the blur transition is not specified.
27422744

27432745
<div class="example">
2744-
<p>The example below demonstrates the effects of the spread and
2745-
blur radii on the shadow:</p>
2746+
<p>The example below demonstrates the effects of spread and blur
2747+
on the shadow:</p>
27462748
<p class="figure">
27472749
<img src="spread-blur.png" alt="An example of spread and blur on a box with two round corners and two square ones">
27482750
</p>

0 commit comments

Comments
 (0)