@@ -3724,11 +3724,11 @@ <h3 id=the-box-shadow><span class=secno>6.2. </span>The ‘<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 ‘<a
37543754 class =property > border-image</ code > </ a > ’ 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—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—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 ‘<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 >
0 commit comments