[Webkit-unassigned] [Bug 184601] 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

--- Comment #12 from Stephen Bannasch <stephen.bannasch at gmail.com> ---
Created attachment 452051

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

example comparing blue-wash SVG filter over video

To get some equivalent on Safari.

html:

<svg>
  <filter id="blue-wash">
    <feColorMatrix type="matrix"
      values="0.36     0        0     0     0
              0        0.75     0     0     0
              0        0     0.82     0     0
              0        0        0     0.2   0" />
  </filter>
</svg>

css:

.fixed-video-container {
  visibility: visible;
  opacity: 1;
  filter: url(#blue-wash);
  @media not all and (min-resolution: 0.001dpcm) {
    @supports (-webkit-appearance: none) {
      filter: sepia(100%) hue-rotate(145deg) saturate(400%) brightness(100%)
        contrast(25%);
    }
  }
}

-- 
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/20220215/f719e63f/attachment.htm>