Skip to content

Commit f885ef0

Browse files
committed
[css-backrounds-3] Explicitly mention continuity as rationale for radius adjustment formula. #1900.
1 parent 26fa2f7 commit f885ef0

File tree

1 file changed

+4
-2
lines changed

1 file changed

+4
-2
lines changed

css-backgrounds-3/Overview.bs

+4-2
Original file line numberDiff line numberDiff line change
@@ -2018,7 +2018,8 @@ the inner curve will not be a full quarter ellipse.</p>
20182018

20192019
<p>The margin edge, being outside the border edge, calculates its radius
20202020
by <em>adding</em> the corresponding margin thickness to each border radius.
2021-
However, in order to create a sharper corner when the border radius is small,
2021+
However, in order to create a sharper corner when the border radius is small
2022+
(and thus ensure continuity between round and sharp corners),
20222023
when the <i>border radius</i> is less than the margin,
20232024
the margin is multiplied by the proportion 1 + (<var>r</var>-1)<sup>3</sup>,
20242025
where <var>r</var> is the ratio of the border radius to the margin,
@@ -2932,7 +2933,8 @@ Shadow Shape, Spread, and Knockout</h4>
29322933
<p>To preserve the box's shape when spread is applied,
29332934
the corner radii of the shadow are also increased (decreased, for inner shadows)
29342935
from the border-box radii by adding the <i>spread distance</i> (and flooring at zero).
2935-
However, in order to create a sharper corner when the border radius is small,
2936+
However, in order to create a sharper corner when the border radius is small
2937+
(and thus ensure continuity between round and sharp corners),
29362938
when the <i>border radius</i> is less than the <i>spread distance</i>,
29372939
the <i>spread distance</i> is multiplied by the proportion 1 + (<var>r</var>-1)<sup>3</sup>,
29382940
where <var>r</var> is the ratio of the border radius to the <i>spread distance</i>,

0 commit comments

Comments
 (0)