[Webkit-unassigned] [Bug 156105] New: Linear-gradient from solid color to transparent rendering with black

bugzilla-daemon at webkit.org bugzilla-daemon at webkit.org
Fri Apr 1 03:52:42 PDT 2016


https://bugs.webkit.org/show_bug.cgi?id=156105

            Bug ID: 156105
           Summary: Linear-gradient from solid color to transparent
                    rendering with black
    Classification: Unclassified
           Product: WebKit
           Version: Safari 9
          Hardware: Macintosh
                OS: OS X 10.11
            Status: NEW
          Severity: Major
          Priority: P2
         Component: Layout and Rendering
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: zyuzin.vitaly at gmail.com
                CC: simon.fraser at apple.com

Created attachment 275393
  --> https://bugs.webkit.org/attachment.cgi?id=275393&action=review
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.

-- 
You are receiving this mail because:
You are the assignee for the bug.
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <https://lists.webkit.org/pipermail/webkit-unassigned/attachments/20160401/da59113f/attachment-0001.html>


More information about the webkit-unassigned mailing list