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

Lines changed: 4 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -2018,7 +2018,8 @@ the inner curve will not be a full quarter ellipse.

20182018

20192019

The margin edge, being outside the border edge, calculates its radius

20202020
by adding 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 border radius is less than the margin,
20232024
the margin is multiplied by the proportion 1 + (r-1)3,
20242025
where r is the ratio of the border radius to the margin,
@@ -2932,7 +2933,8 @@ Shadow Shape, Spread, and Knockout
29322933

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 spread distance (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 border radius is less than the spread distance,
29372939
the spread distance is multiplied by the proportion 1 + (r-1)3,
29382940
where r is the ratio of the border radius to the spread distance,

0 commit comments

Comments
 (0)