[Webkit-unassigned] [Bug 194491] New: AX:

[bugzilla-daemon at webkit.org]

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

            Bug ID: 194491
           Summary: AX:
           Product: WebKit
           Version: WebKit Nightly Build
          Hardware: All
                OS: All
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: Animations
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: dl0939227 at gmail.com
                CC: dino at apple.com

Safari SVG CSS animation bug

While building the new Neutron Creations site (coming very soon!) we came across a particularly frustrating bug in Safari involving animation of SVG elements using CSS3 transforms and opacity simultaneously.

Safari will not animate both attributes at the same time, instead choosing to animate the opacity with the correct timings and when that animation is complete the transform jumps to its correct position, or the translation is just ignored completely.

We’ve produced a minimal testcase below. On the left we have SVG elements and on the right an equivalent set of DOM elements. Both are animated using the same CSS rules.

https://www.topcelebsjackets.com

-- 
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/20190211/d055ac3e/attachment.html>