*Summary*: ellipse() and circie() from [css-shapes] <https://drafts.csswg.org/css-shapes/#supported-basic-shapes> accept <radial-size>, which has been extend to include closest-corner and farthest-corner:
1. closest-corner: The ending shape is sized so that it passes through the corner of the gradient box closest to the gradient’s center. If the shape is an ellipse, the ending shape is given the same aspect-ratio it would have if closest-side were specified. 2. farthest-corner: Same as closest-corner, except the ending shape is sized based on the farthest corner. If the shape is an ellipse, the ending shape is given the same aspect ratio it would have if farthest-side were specified. Note that there is a spec issue related to the syntax of <radial-size> for ellipse(): https://github.com/w3c/csswg-drafts/issues/14010, which should be addressed in Bug 2045232 <https://bugzilla.mozilla.org/show_bug.cgi?id=2045232>. So we intend to ship for circle() but still keep ellipse() behind the pref (Bug 2045278 <https://bugzilla.mozilla.org/show_bug.cgi?id=2045278>). *Bug*: Bug 2037673 <https://bugzilla.mozilla.org/show_bug.cgi?id=2037673>, Bug 2045278 <https://bugzilla.mozilla.org/show_bug.cgi?id=2045278> and Bug 2045232 <https://bugzilla.mozilla.org/show_bug.cgi?id=2045232> *Specification*: ellipse(): https://drafts.csswg.org/css-shapes/#funcdef-basic-shape-ellipse circle(): https://drafts.csswg.org/css-shapes/#funcdef-basic-shape-circle <radial-size>: https://drafts.csswg.org/css-images-3/#typedef-radial-size *Standards Body*: CSSWG / W3C *Platform Coverage*: All. *Preference*: layout.css.ellipse-corners.enabled These values are buggy for ellipse() in Gecko, and are blocked by the spec issue, so we are keeping them behind a pref. However, circle() is clear so we intend to ship it (i.e. this preference is only for ellipse()). *DevTools Bug*: N/A *Extensions Bug*: N/A *Use Counter*: css_clip_path, css_offset_path, and css_shape_outside may use circle() and ellipse() *Standards-Positions Discussion*: https://github.com/mozilla/standards-positions/issues/1450 *Other Browsers*: - Blink: intent to <https://groups.google.com/a/chromium.org/g/blink-dev/c/_L2HFOPaG4s/m/Bs55BQgnAgAJ>ship email <https://groups.google.com/a/chromium.org/g/blink-dev/c/_L2HFOPaG4s/m/Bs55BQgnAgAJ> . - WebKit: Released since 18.4 (based on the MDN information) *web-platform-tests*: css-masking/clip-path/clip-path-circle-farthest-corner.html css-masking/clip-path/clip-path-ellipse-farthest-corner.html css-shapes/shape-functions/circle-function-*.html css-shapes/shape-functions/ellipse-function-*.html -- You received this message because you are subscribed to the Google Groups "[email protected]" group. To unsubscribe from this group and stop receiving emails from it, send an email to [email protected]. To view this discussion visit https://groups.google.com/a/mozilla.org/d/msgid/dev-platform/CAGcjHKjOLAhegMT1aG%3DJvR6iEAkqGUSuARG7QqHrqZf2gyO%3Dhw%40mail.gmail.com.
