Skip to content

Commit ff3a463

Browse files
committed
More spread clarification
1 parent 87a0e50 commit ff3a463

2 files changed

Lines changed: 31 additions & 31 deletions

File tree

css3-background/Overview.html

Lines changed: 23 additions & 23 deletions
Original file line numberDiff line numberDiff line change
@@ -3720,9 +3720,9 @@ <h3 id=the-box-shadow><span class=secno>6.2. </span>The &lsquo;<a
37203720
<li>The second length is the vertical offset. A positive value offsets the
37213721
shadow down, a negative one up.
37223722

3723-
<li>The third length is a blur value. Negative values are not allowed. If
3724-
the blur value is zero, the shadow's edge is sharp. Otherwise, the larger
3725-
the value, the more the shadow's edge is blurred. See below.
3723+
<li>The third length is a blur distance. Negative values are not allowed.
3724+
If the blur value is zero, the shadow's edge is sharp. Otherwise, the
3725+
larger the value, the more the shadow's edge is blurred. See below.
37263726

37273727
<li>The fourth length is a spread distance. Positive values cause the
37283728
shadow shape to expand in all directions by the specified radius.
@@ -3754,26 +3754,26 @@ <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 distance is defined, the shadow is expanded outward by an
3758-
operation equivalent to applying the absolute value of the spread value as
3759-
a blur operation as defined below and thresholding the result such that
3760-
for a positive spread radius all non-transparent pixels are given the full
3761-
shadow color and for a negative spread radius all non-opaque pixels are
3762-
made transparent. The UA may approximate this operation by taking an
3763-
outward outset of the specified amount normal to the original shadow
3764-
perimeter. Alternatively the UA may approximate the transformed shadow
3765-
perimeter shape by outsetting (insetting, for inner shadows) the shadow's
3766-
straight edges by the spread distance and increasing (decreasing, for
3767-
inner shadows) and flooring at zero the corner radii by the same amount.
3768-
(The UA may even combine these methods, using one method for outer shadows
3769-
and another for inner ones.) For corners with a zero border-radius,
3770-
however, the corner must remain sharp&#8212;the operation is equivalent to
3771-
scaling the shadow shape. In any case, the effective width and height of
3772-
the shadow shape is floored at zero. (A zero-sized shadow shape would
3773-
cause an outer shadow to disappear, and an inner shadow to cover the
3774-
entire padding-box.)
3775-
3776-
<p>A positive blur value indicates that the resulting shadow should be
3757+
<p>If a spread distance is defined, the shadow is expanded outward or
3758+
contracted inward by an operation equivalent to applying twice the
3759+
absolute value of the spread value to a blur operation as defined below
3760+
and thresholding the result such that for a positive spread distance all
3761+
non-transparent pixels are given the full shadow color and for a negative
3762+
spread distance all non-opaque pixels are made transparent. The UA may
3763+
approximate this operation by taking an outward outset of the specified
3764+
amount normal to the original shadow perimeter. Alternatively the UA may
3765+
approximate the transformed shadow perimeter shape by outsetting
3766+
(insetting, for inner shadows) the shadow's straight edges by the spread
3767+
distance and increasing (decreasing, for inner shadows) and flooring at
3768+
zero the corner radii by the same amount. (The UA may even combine these
3769+
methods, using one method for outer shadows and another for inner ones.)
3770+
For corners with a zero border-radius, however, the corner must remain
3771+
sharp&#8212;the operation is equivalent to scaling the shadow shape. In
3772+
any case, the effective width and height of the shadow shape is floored at
3773+
zero. (A zero-sized shadow shape would cause an outer shadow to disappear,
3774+
and an inner shadow to cover the entire padding-box.)
3775+
3776+
<p>A positive blur distance indicates that the resulting shadow should be
37773777
blurred, such as by a Gaussian filter. The exact algorithm is not defined;
37783778
however for a long, straight shadow edge, this should create a color
37793779
transition the length of the blur distance that is perpendicular to and

css3-background/Overview.src.html

Lines changed: 8 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -2687,7 +2687,7 @@ <h3 id="the-box-shadow">The 'box-shadow' property</h3>
26872687
<li>The second length is the vertical offset. A positive value
26882688
offsets the shadow down, a negative one up.
26892689

2690-
<li>The third length is a blur value. Negative values are not
2690+
<li>The third length is a blur distance. Negative values are not
26912691
allowed. If the blur value is zero, the shadow's edge is sharp.
26922692
Otherwise, the larger the value, the more the shadow's edge is
26932693
blurred. See below.
@@ -2721,12 +2721,12 @@ <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 distance is defined, the shadow is expanded outward by
2725-
an operation equivalent to applying the absolute value of the spread
2726-
value as a blur operation as defined below and thresholding the result
2727-
such that for a positive spread radius all non-transparent pixels are
2728-
given the full shadow color and for a negative spread radius all
2729-
non-opaque pixels are made transparent.
2724+
<p>If a spread distance is defined, the shadow is expanded outward or
2725+
contracted inward by an operation equivalent to applying twice the
2726+
absolute value of the spread value to a blur operation as defined below
2727+
and thresholding the result such that for a positive spread distance all
2728+
non-transparent pixels are given the full shadow color and for a
2729+
negative spread distance all non-opaque pixels are made transparent.
27302730
The UA may approximate this operation by taking an outward outset of the
27312731
specified amount normal to the original shadow perimeter. Alternatively
27322732
the UA may approximate the transformed shadow perimeter shape by
@@ -2741,7 +2741,7 @@ <h3 id="the-box-shadow">The 'box-shadow' property</h3>
27412741
floored at zero. (A zero-sized shadow shape would cause an outer shadow
27422742
to disappear, and an inner shadow to cover the entire padding-box.)
27432743

2744-
<p>A positive blur value indicates that the resulting shadow should
2744+
<p>A positive blur distance indicates that the resulting shadow should
27452745
be blurred, such as by a Gaussian filter. The exact algorithm is not
27462746
defined; however for a long, straight shadow edge, this should create
27472747
a color transition the length of the blur distance that is perpendicular

0 commit comments

Comments
 (0)