Jul
22

Update: WebKit CSS Animation

By admin  //  CSS, Dev, iPhone, Sandbox, WebKit  //  2 Comments

Regarding to the bug on CSS animation I mentioned on last blog entry, I got a reply from an Apple developer (Quick!)

The issue:
CSS animation doesn’t work with onclick=”this.className=’newClassName’” anymore on the latest WebKit nightly build

I filed the bug on WebKit Bugzilla, and got the answer already. See the ticket.

Basically, this bug was closed (invalid) because they have decided to change the animation implementaion, from “source transition” model to “destination
transition” model.
(Read the whole explanation)

Stay tuned for the new documentation from WebKit or Apple!


UPDATE / CORRECTION (July 23, 08) – please see “More Update on CSS Animation”

Author:

Short story: keeping my website since 1996, finally started this blog in 2007. Long story: see "About" page!

has written 78 articles for us.

2 Comments to “Update: WebKit CSS Animation”

  • Dean Jackson July 22, 2008 at 6:47 pm

    This should still work. You probably need to move some of your -webkit-transition properties into the newClassName definition. It all depends how your style is set up. The change to WebKit doesn’t remove any features.

  • admin July 23, 2008 at 1:23 pm

    Hi, Dean.
    Thank you for the tip!!!

    I moved -webkit-transition properties to the class for the “after” state (destination), and worked fine on the latest build webkit and iPhone Safari too.
    Yay!

    http://girliemac.com/iphone/anim.html#classNameTestNew

Leave a comment