Bug 156105

Summary: Linear-gradient from solid color to transparent rendering with black
Product: WebKit Reporter: zyuzin.vitaly
Component: CSSAssignee: Nobody <webkit-unassigned>
Status: RESOLVED DUPLICATE    
Severity: Major CC: simon.fraser, zyuzin.vitaly
Priority: P2 Keywords: HTML5
Version: Safari 9   
Hardware: Mac   
OS: OS X 10.11   
URL: http://codepen.io/juwain/pen/bpeNpy
Attachments:
Description Flags
linear-gradient from white to transparent goes through black none

zyuzin.vitaly
Reported 2016-04-01 03:52:42 PDT
Created attachment 275393 [details] linear-gradient from white to transparent goes through black http://codepen.io/juwain/pen/bpeNpy 1. Create a block. 2. Set background-image: linear-gradient(to right, white, transparent) to it. Actual behavior: White color becomes gray and the transparent. Expected behavior: White color smoothly turns into transparent. Check specification https://www.w3.org/TR/2012/CR-css3-images-20120417/#color-stop-syntax Example 23. In premultiplied space, transitions to or from "transparent" always look nice. On the other hand, if a gradient were to incorrectly transition in non-premultiplied space, the colors near "transparent" would noticeably darken to a grayish color, because "transparent" is actually a shorthand for ‘rgba(0,0,0,0)’, or transparent black.
Attachments
linear-gradient from white to transparent goes through black (13.09 KB, image/png)
2016-04-01 03:52 PDT, zyuzin.vitaly 		no flags
Details
View All Add attachment proposed patch, testcase, etc.
Simon Fraser (smfr)
Comment 1 2016-04-01 08:54:24 PDT
Because we interpolate with non-premultiplied colors.
Simon Fraser (smfr)
Comment 2 2016-04-01 13:13:13 PDT
*** This bug has been marked as a duplicate of bug 150940 ***
zyuzin.vitaly
Comment 3 2016-04-01 14:34:19 PDT
OK. Thanks, sorry for bothering.
Note You need to log in before you can comment on or make changes to this bug.