[Webkit-unassigned] [Bug 184601] New: CSS filter property with feColorMatrix on moving elements does not work

[bugzilla-daemon at webkit.org]

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

            Bug ID: 184601
           Summary: CSS filter property with feColorMatrix on moving
                    elements does not work
           Product: WebKit
           Version: Safari 11
          Hardware: Macintosh
                OS: OS X 10.11
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: CSS
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: a.fallenstedt at gmail.com

Created attachment 337912

  --> https://bugs.webkit.org/attachment.cgi?id=337912&action=review

Safari - Video on top and image on bottom both using filter(#blue-tint)

Hello, 

I am attempting to apply a filter color using an svg. I have discovered that this technique works well in Firefox, Chrome, but not Safari. 

You can see the example here: https://codepen.io/Fallenstedt/pen/OvYGjV

I created an svg with an 'feColorMatrix' property to create a transparent blue overlay that I can use in the filter property of the video element. I have noticed that this technique works well if it's applied on a still image, like an <img> or a <video> placeholder, but does not get applied to the video.

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