Skip to content

[css-images-4] Conic Gradient "color wheel" example is backwards #1222

Closed
@tabatkins

Description

@tabatkins
Member

Conic-gradient() color-stops are distributed clockwise around the circle, but in Example 17 the example rendering shows them being laid out counter-clockwise.

Activity

yisibl

yisibl commented on Feb 13, 2025

@yisibl
Contributor

@LeaVerou

With the addition of Hue Interpolation in css-color-4, it is now possible to use longer hue for this example, can we add it to the example as well?

.test {
  background-image:
    radial-gradient(closest-side, gray, transparent),
    conic-gradient(in hsl longer hue, red, red);
  transform: scaleX(-1);
}
added a commit that references this issue on Feb 20, 2025
a75f3e6
added a commit that references this issue on Feb 20, 2025
977edc9
svgeesus

svgeesus commented on Feb 20, 2025

@svgeesus
Contributor

Conic-gradient() color-stops are distributed clockwise around the circle, but in Example 17 the example rendering shows them being laid out counter-clockwise.

The example seems to have been corrected, meanwhile.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

    Participants

    @LeaVerou@tabatkins@svgeesus@yisibl

    Issue actions

      [css-images-4] Conic Gradient "color wheel" example is backwards · Issue #1222 · w3c/csswg-drafts