Skip to content

Conversation

@noamr
Copy link
Collaborator

@noamr noamr commented Jan 30, 2025

This specifies the corner-shape group, including:

  • general description and interaction with border-radius
  • all the individual corners, side shorthands, and overall shorthand
  • multiple keywords, and how they translate to a superellipse()
  • The superellipse formula, and how it is rendered
  • How the exponent of the superellipse interpolates

Open issues (will open separately):

  • Add a few examples
  • Resolve on "straight" vs "none" for the convex angle.
  • Resolve on the exact interpolation formula
  • Define restrictions for border rendering

This overwrites the existing corner-shape definition.

Closes #10993
Based on resolution #10993 (comment)

This specifies the `corner-shape` group, including:
- general description and interaction with border-radius
- all the individual corners, side shorthands, and overall shorthand
- multiple keywords, and how they translate to a `superellipse()`
- The superellipse formula, and how it is rendered
- How the exponent of the superellipse interpolates

Open issues (will open separately):
- Add a few examples
- Resolve on "straight" vs "none" for the convex angle.
- Resolve on the exact interpolation formula
- Define restrictions for border rendering

Closes w3c#10993
Based on resolution w3c#10993 (comment)
@noamr
Copy link
Collaborator Author

noamr commented Jan 30, 2025

(Sorry for the multiple reviewers, but it's probably a good idea to have a few eyes on this)

noamr and others added 11 commits January 30, 2025 17:48
Co-authored-by: Tab Atkins Jr. <jackalmage@gmail.com>
Co-authored-by: Tab Atkins Jr. <jackalmage@gmail.com>
Co-authored-by: Tab Atkins Jr. <jackalmage@gmail.com>
Co-authored-by: Tab Atkins Jr. <jackalmage@gmail.com>
Co-authored-by: Tab Atkins Jr. <jackalmage@gmail.com>
Co-authored-by: Tab Atkins Jr. <jackalmage@gmail.com>
Co-authored-by: Tab Atkins Jr. <jackalmage@gmail.com>
Co-authored-by: Tab Atkins Jr. <jackalmage@gmail.com>
Co-authored-by: Tab Atkins Jr. <jackalmage@gmail.com>
@noamr noamr merged commit 85e0ca0 into w3c:main Jan 30, 2025
1 check passed
@noamr noamr deleted the corner-shape-initial branch January 30, 2025 22:09
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[css-shapes-2][css-borders-4] corner-shape support for superellipses

3 participants