Bug 111378 - Keyframe animation fails to play multiple properties at once
Summary: Keyframe animation fails to play multiple properties at once
Status: RESOLVED WORKSFORME
Alias: None
Product: WebKit
Classification: Unclassified
Component: CSS (show other bugs)
Version: 528+ (Nightly build)
Hardware: All All
: P2 Major
Assignee: Nobody
URL:
Keywords:
Depends on:
Blocks:
 
Reported: 2013-03-04 16:20 PST by mariko.ogawa
Modified: 2013-10-07 12:00 PDT (History)
2 users (show)

See Also:


Attachments
css keyframe animation fails at 100% (2.37 KB, text/html)
2013-03-04 16:20 PST, mariko.ogawa
no flags Details
Keyframe animation fails to render corner radius and background color. (2.82 KB, text/html)
2013-04-25 14:38 PDT, mariko.ogawa
no flags Details

Note You need to log in before you can comment on or make changes to this bug.
Description mariko.ogawa 2013-03-04 16:20:52 PST
Created attachment 191340 [details]
css keyframe animation fails at 100%

Using a webapp that generates  css keyframe animation, the program lets you add many different properties at once. From the attached fie, the div ' div-u2ql' should play  top/left, opacity, border-top-left radius and background-color at 100% timing, but it fails and it seems that animation only play 0-53%.
Once the animation is done playing, resize the browser (safari fro the corner), then the end image appears correctly.
Comment 1 mariko.ogawa 2013-04-25 14:38:00 PDT
Created attachment 199750 [details]
Keyframe animation fails to render corner radius and background color.

the animated div at the end fails to render corner radius and background color.
Comment 2 mariko.ogawa 2013-04-25 14:39:20 PDT
Comment on attachment 199750 [details]
Keyframe animation fails to render corner radius and background color.

If you resize your browser window, the end of animation renders correctly.
Comment 3 Simon Fraser (smfr) 2013-10-07 12:00:26 PDT
I can't reproduce the problem in a recent WebKit build. What build did you test with?