@@ -2935,25 +2935,26 @@ <h3 id="the-box-shadow">Drop Shadows: the 'box-shadow' property</h3>
29352935the shadow shape is rounded in the same way. The 'border-image' does not
29362936affect the shape of the box-shadow.
29372937
2938- < p > If a spread distance is defined, the shadow is expanded outward or
2939- contracted inward by an operation equivalent to applying the
2940- absolute value of the spread value to a blur operation as defined below
2938+ < p > If a spread distance is defined,
2939+ the shadow is expanded outward or contracted inward by an operation equivalent to
2940+ applying the absolute value of the spread value to a blur operation as defined below
29412941and thresholding the result such that for a positive spread distance all
2942- non-transparent pixels are given the full shadow color and for a
2943- negative spread distance all non-opaque pixels are made transparent.
2944- The UA may approximate this operation by taking an outward outset of the
2945- specified amount normal to the original shadow perimeter. Alternatively
2946- the UA may approximate the transformed shadow perimeter shape by
2947- outsetting (insetting, for inner shadows) the shadow's straight edges
2942+ pixels within XXX are given the full shadow color
2943+ and for a negative spread distance they are made transparent.
2944+ The UA may approximate this operation by shifting each point of the shadow perimeter
2945+ outward by the spread distance in the direction normal to the original shadow perimeter.
2946+ Alternatively the UA may approximate the transformed shadow perimeter shape
2947+ by outsetting (insetting, for inner shadows) the shadow's straight edges
29482948by the spread distance and increasing (decreasing, for inner shadows)
2949- and flooring at zero the corner radii by the same amount. (The UA may
2950- even combine these methods, using one method for outer shadows and
2951- another for inner ones.)
2949+ and flooring at zero the corner radii by the same amount.
2950+ (The UA may even combine these methods, using one method for outer shadows
2951+ and another for inner ones.)
29522952For corners with a zero border-radius, however, the corner must remain
29532953sharp—the operation is equivalent to scaling the shadow shape.
2954- In any case, the effective width and height of the shadow shape is
2955- floored at zero. (A zero-sized shadow shape would cause an outer shadow
2956- to disappear, and an inner shadow to cover the entire padding-box.)
2954+ In any case, the effective width and height of the shadowed shape
2955+ is floored at zero.
2956+ (A zero-sized shadowed shape would cause an outer shadow to disappear,
2957+ and an inner shadow to cover the entire padding-box.)
29572958
29582959< p > A non-zero blur distance indicates that the resulting shadow should
29592960be blurred, such as by a Gaussian filter. The exact algorithm is not
@@ -3297,6 +3298,21 @@ <h3 id="exit">
32973298< h2 id ="changes ">
32983299Changes</ h2 >
32993300
3301+ < h3 id ="changes-2012 ">
3302+ Changes since the 24 July 2012 Candidate Recommendation</ h3 >
3303+
3304+ < p > The following (non-editorial) changes were made to this specification since the
3305+ < a href ="http://www.w3.org/TR/2012/CR-css3-background-20120724/ "> 24 July 2012 Candidate Recommendation</ a > :
3306+
3307+ < ul >
3308+ < li > Allow < var > <color> </ var > and ''inset'' to be interleaved in any order in 'box-shadow',
3309+ since they are not ambiguous and CSS generally allows variant ordering where not ambiguous.
3310+ < li > Allow < var > <'background-clip'> </ var > and < var > <'background-origin'> </ var >
3311+ to be separated by other component values in the 'background' shorthand,
3312+ since this is what is implemented.
3313+ < li > Clarify the definition of the spread for 'box-shadow'.
3314+ </ ul >
3315+
33003316< h3 id ="changes-2012 ">
33013317Changes since the 17 April 2012 Candidate Recommendation</ h3 >
33023318
0 commit comments