[Webkit-unassigned] [Bug 218224] New: animation-timing-function with transform

[bugzilla-daemon at webkit.org]

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

            Bug ID: 218224
           Summary: animation-timing-function with transform
           Product: WebKit
           Version: Safari 14
          Hardware: Unspecified
                OS: Unspecified
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: CSS
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: anthony.demuylder at neuf.fr

animation-timing-function is applied to the whole animation instead of per keyframe when the animation involves transform.
This issue is not present with other animated properties like width for example, which is correctly eased between each keyframe.

Steps to Reproduce:
1) View https://codepen.io/bali_balo/pen/1448d487d0cc3deb8cb466bafa21f914?editors=1100

Actual Results:
The third (red) bar only slows down when reaching the end of the animation.

Expected Results:
The third (red) bar should slow down when approaching the middle like the second (blue) bar, because a 50% keyframe is specified.

Hardware:
Tested on Safari, on an iPhone 8+ with iOS 14.0 - I do not own the phone so I do not have access to more advanced details.

Additional Builds and Platforms:
I get the expected results (bottom 2 bars slowing down halfway) on my desktop's Firefox and Chrome

-- 
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/20201027/8b03e9e3/attachment-0001.htm>