Skip to content
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

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

Closed
tabatkins opened this issue Apr 14, 2017 · 2 comments · May be fixed by #11755
Closed

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

tabatkins opened this issue Apr 14, 2017 · 2 comments · May be fixed by #11755
Assignees

Comments

@tabatkins
Copy link
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.

@yisibl
Copy link
Contributor

yisibl commented Feb 13, 2025

@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);
}

@svgeesus
Copy link
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
Projects
None yet
4 participants