[Webkit-unassigned] [Bug 202489] New: Box-shadow spread radius does not transition or animate correctly with CSS Transitions & Animations

bugzilla-daemon at webkit.org bugzilla-daemon at webkit.org
Wed Oct 2 12:59:35 PDT 2019


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

            Bug ID: 202489
           Summary: Box-shadow spread radius does not transition or
                    animate correctly with CSS Transitions & Animations
           Product: WebKit
           Version: Safari Technology Preview
          Hardware: All
                OS: macOS 10.14
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: CSS
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: kyle.bavender at me.com

I am conducting browser tests on Safari and found that its behavior when rendering box-shadow spread-radius between two different values in a CSS (keyframes) animation does not match that of Chrome/Firefox/IE/Edge. It appears to also be an issue with CSS Transitions.

I am not familiar with this detail of the box-shadow or animation specifications, but the (would one call this sub-pixel rendering, or tweening?) behaviors exhibited by other browsers make for markedly cleaner animations.

My test case and examples can be found here: https://codepen.io/kbav/pen/eYOqKBQ?editors=0100#0

Tested in Safari Technology Preview, 13, 12, 11, & 10. Other browsers are using the latest public versions as of this writing. Let me know if I can provide any further detail or assistance.

-- 
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/20191002/80af8576/attachment.html>


More information about the webkit-unassigned mailing list