Bug 238696

Summary: Glitching transition with opacity and transform where opacity duration greater than transform duration
Product: WebKit Reporter: j.hermann
Component: AnimationsAssignee: Nobody <webkit-unassigned>
Status: RESOLVED DUPLICATE    
Severity: Normal CC: dino, graouts, graouts
Priority: P2    
Version: Safari 15   
Hardware: All   
OS: All   

Description j.hermann 2022-04-02 05:05:20 PDT
The CSS opacity transition seems to occur a second time when used in combination with a transform transition where the transition-duration of opacity is greater than the duration of transform.

See minimal test case: https://codepen.io/jh-dvc/pen/YzYEZOz

Can be reproduced in Safari 15.4 on both iOS 15.4 and MacOS 12.3. Did not occur prior to that version as far as I can tell.
Comment 1 Antoine Quint 2022-04-04 01:27:08 PDT
Thanks for reporting, this has already been fixed, see bug 237972.

*** This bug has been marked as a duplicate of bug 237972 ***