Skip to content

Commit fb92a47

Browse files
committed
More clarificaton of box-shadow spread
1 parent c921985 commit fb92a47

2 files changed

Lines changed: 16 additions & 15 deletions

File tree

css3-background/Overview.html

Lines changed: 11 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -3738,17 +3738,17 @@ <h3 id=the-box-shadow><span class=secno>6.2. </span>The &lsquo;<a
37383738
class=property>border-image</code></a>&rsquo; does not affect the shape of
37393739
the box-shadow.
37403740

3741-
<p>If a spread radius is defined, it increases the size of the shadow in
3742-
the direction normal to the shadow's edge by the specified amount.
3743-
However, for corners with a zero border-radius, the corner remains sharp,
3744-
i.e. the operation is equivalent to scaling the border-box. The UA may
3745-
approximate the transformed shadow perimeter shape by outsetting
3746-
(insetting, for inner shadows) the shadow's straight edges by the spread
3747-
radius and increasing (decreasing, for inner shadows) and flooring at zero
3748-
the corner radii by the same amount. In either case, the effective width
3749-
and height of the shadow shape is floored at zero. (A zero-sized shadow
3750-
shape would cause an outer shadow to disappear, and an inner shadow to
3751-
cover the entire padding-box.)
3741+
<p>If a spread radius is defined, the shadow is expanded by an outward
3742+
outset of the specified amount normal to the original shadow perimeter.
3743+
For corners with a zero border-radius (i.e. where the normal is not
3744+
defined), the corner remains sharp&#8212;the operation is equivalent to
3745+
scaling the shadow shape. The UA may approximate the transformed shadow
3746+
perimeter shape by outsetting (insetting, for inner shadows) the shadow's
3747+
straight edges by the spread radius and increasing (decreasing, for inner
3748+
shadows) and flooring at zero the corner radii by the same amount. In
3749+
either case, the effective width and height of the shadow shape is floored
3750+
at zero. (A zero-sized shadow shape would cause an outer shadow to
3751+
disappear, and an inner shadow to cover the entire padding-box.)
37523752

37533753
<p>The blur radius is perpendicular to and centered on the shadow's edge
37543754
and defines a gradient color transition ranging from the full shadow color

css3-background/Overview.src.html

Lines changed: 5 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -2714,10 +2714,11 @@ <h3 id="the-box-shadow">The 'box-shadow' property</h3>
27142714
the shadow shape is rounded in the same way. The 'border-image' does not
27152715
affect the shape of the box-shadow.
27162716

2717-
<p>If a spread radius is defined, it increases the size of the shadow
2718-
in the direction normal to the shadow's edge by the specified amount.
2719-
However, for corners with a zero border-radius, the corner remains
2720-
sharp, i.e. the operation is equivalent to scaling the border-box.
2717+
<p>If a spread radius is defined, the shadow is expanded by an outward
2718+
outset of the specified amount normal to the original shadow perimeter.
2719+
For corners with a zero border-radius (i.e. where the normal is not
2720+
defined), the corner remains sharp&#8212;the operation is equivalent to
2721+
scaling the shadow shape.
27212722
The UA may approximate the transformed shadow perimeter shape by
27222723
outsetting (insetting, for inner shadows) the shadow's straight edges
27232724
by the spread radius and increasing (decreasing, for inner shadows)

0 commit comments

Comments
 (0)