Hi, The proof of concept is here: http://mageprojects.com/purecss/webkit_animation_bug/ Go to that link and move your mouse over the bar. Up till that moment (when you see the red glow) it all works just fine. Now when you move your mouse away from the bar you see the initial animation (the bar getting wider) again. That should not happen. I don't tell css anywhere to run that animation again other then at page load. I might be wrong.. if so please tell so and with a fix if possible. Btw, if somehow the animation name property would be supported in the transition module then that will probably fix it. Regards, Mark
http://mageprojects.com/purecss/webkit_animation_bug/ is a 404 now.
Sorry, i forgot to post the changes location. It's online (for months) on this location: http://mageprojects.com/css3_tests/webkit_animation_bug/
Note: the issue is still there with the latest chrome and the latest snapshot of chromium.
I am not able to find the testcase to reproduce this bug in Safari 16.1 onward and both links are 404 and I tried Wayback Archive to find old copy but I couldn't. I am assuming this would've fixed with latest versions anyway. So I am marking this as "RESOLVED WONTFIX". Please reopen with updated testcase, if it is reproducible.