Skip to content

[css-borders-4] Clarify the non-elliptical nature of corner-shape: scoop #12620

@satgo1546

Description

@satgo1546

The scoop value for corner-shape is not an exact opposite of round — in fact, far from it.

red: true circular arc
blue: superellipse(-1) or scoop as defined per spec

The spec addresses this in a collapsed section "How does a superellipse work?":

[…] a K of -1 gives a nearly elliptical "scoop" that’s roughly the opposite of a K of 1, […]

Note the words 'roughly' and 'nearly'.

However, the definition of scoop seems to imply that it is elliptical.

The corner shape is a concave quarter-ellipse. Equivalent to superellipse(-1).

Figure 1 is also misleading in that the curve for K = -1 is drawn as a circluar arc symmetric to the case of K = 1.

I believe it should be clarified that the scoop shape is not a quarter-ellipse, and the effects of positive and negative values of K are asymmetric.

Incidentally, Chromium has implemented superellipse(K) with negative K values as the perfect opposite of those with positive K values, which is not compliant. I've created an issue there, too.

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions