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

Alpha (transparency) transitions are going wrong #20

eonj opened this issue Dec 24, 2016 · 0 comments

Alpha (transparency) transitions are going wrong #20

eonj opened this issue Dec 24, 2016 · 0 comments


Copy link

eonj commented Dec 24, 2016

Pie chart

Above image is pie chart example with 'transparent' stop.

The shorthand 'transparent' is translated to rgba(0, 0, 0, 0) via getComputedStyle so the gradient comes from transparent-black to gold. This kind of problem is reported in early implementations of linear/radial gradient and fixed following the spec.

Almost right

Above image shows the almost-right answer. The gradient-right way to process transparency transition, using alpha-premultiplied space, is described in W3C TR css3-images and tech refs.

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

No branches or pull requests

1 participant