Open
Description
openedon Aug 4, 2022
Reference: https://developer.mozilla.org/en-US/docs/Web/CSS/border-radius
What problem does this address?
Currently it is possible to set a single value in border-radius property.
Examples:
border-radius: 50%;
border-top-left-radius: 50px;
border-top-right-radius: 50px;
border-bottom-left-radius: 50%;
border-bottom-right-radius: 50%;
What is your proposed solution?
Possibility to set two values in border-radius property.
Examples:
border-radius: 50% 50% 20% 80% / 25% 80% 20% 75%;
border-top-left-radius: 50% 25%;
border-top-right-radius: 50% 80%;
border-bottom-left-radius: 20%;
border-bottom-right-radius: 80% 75%;
Result: better for ellipses.
Example: https://codepen.io/sparklingman/pen/MWjGBXv
Please confirm that you have searched existing issues in the repo.
Yes
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Metadata
Assignees
Labels
Related to editor and front end styles, CSS-specific issues.Related to editor and front end styles, CSS-specific issues.Overall functionality of blocksOverall functionality of blocksA suggestion for improvement.A suggestion for improvement.