-
Notifications
You must be signed in to change notification settings - Fork 642
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] minor error in Conic Gradients example #3355
Comments
This isn't true; per https://drafts.csswg.org/css-images-3/#radial-color-stops, the gradient ray starts at the center of the gradient shape and extends to the right, so 100% exactly hits the gradient shape. SVG gradients use the diagonal, but CSS gradients work more sensibly. ^_^ |
And it looks like the color list has been fixed now, so I'm going to go ahead and close this, thanks! |
Whoops, sorry Tab - I missed that. Chrome 69 is using the diagonal FWIW. |
Oh gosh, sorry, I'm forgetting how my own spec works. Chrome isn't using the diagonal, but it is correctly using the default gradient-shape size of "farthest-corner", which sizes the gradient shape so that 100% is at the corner. So yeah, the spec example is wrong and needs to specify |
(You can tell what direction it's measuring in by using a non-square rectangle and a px value; the stops will be displayed at the specified distance measured from the center rightward, while measuring upward or diagonally will give different lengths than what you specified.) |
This is now example 25, further demonstration that examples should have meaningful IDs.
I can do that trivial edit |
The image in example 17 doesn't match the CSS used to create it.
To match the image, change the background property in the CSS to:
The text was updated successfully, but these errors were encountered: