Skip to content

Commit 48ca237

Browse files
[css-borders-4] Update box-shadow interaction with border-shape (#13730)
1 parent 30acd0f commit 48ca237

File tree

1 file changed

+4
-4
lines changed

1 file changed

+4
-4
lines changed

css-borders-4/Overview.bs

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -3347,10 +3347,10 @@ Interaction with 'border-radius' and 'corner-shape'</h4>
33473347
<h4 id="border-shape-shadow-interaction">
33483348
Interaction with 'box-shadow'</h4>
33493349

3350-
An [=outer box-shadow=] follows the outside of the outer path,
3351-
and an [=inner box-shadow=] follows the inside of the inner path.
3352-
Both are rendered as a stroke, with a stroke width of <code>spread * 2</code>,
3353-
clipped by the border shape.
3350+
An [=outer box-shadow=] is cast as if the shape defined by the outer path were opaque.
3351+
An [=inner box-shadow=] is cast as if everything outside the shape defined by the inner path were opaque.
3352+
For both inner and outer shadows, the shadow shape is expanded or contracted by the spread distance,
3353+
blurred by the blur radius, and then clipped by the 'border-shape', adhering to the standard 'box-shadow' painting rules.
33543354

33553355
<div class="example">
33563356
<pre class=lang-css>

0 commit comments

Comments
 (0)