Skip to content

[css-images-4][css-shapes-1] Allow a single *-corner keyword to define an ellipse? #10833

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
cdoublev opened this issue Sep 4, 2024 · 0 comments
Labels

Comments

@cdoublev
Copy link
Collaborator

cdoublev commented Sep 4, 2024

The <radial-size> extension in CSS Images 4 does not define the result from an ellipse defined with a *-corner keyword and a *-side keyword, or with two *-corner keywords.

This comment says:

X-corner Y-corner creates an ellipse with the same aspect-ratio as X-side Y-side that passes through both corners

How can it be achieved without moving the center of the ellipse?

Visual examples would be great.

cdoublev added a commit to cdoublev/css that referenced this issue Sep 12, 2024
Temporary implementation:

- disallow mixing `*-corner` (w3c/csswg-drafts#10833)
- allow mixing `<radial-extent>` and `<length-percentage>`
  (w3c/csswg-drafts#9729)
- the second component value of `<radial-radius>` defaults to the first
  when omitted (w3c/csswg-drafts#10812)
- serialize `ellipse 1px` as `1px` (the gradient shape becomes
  `circle`)
- serialize `ellipse(1px)` as is (the basic shape does not become
  `circle()`)
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

No branches or pull requests

1 participant