I'm messing around with CSS Animation for things like panel slide, and
I'm surprised to see -webkit-transition not be all that much faster
than a Javascript-based solution.

Here's an example from a trivially simple page and the animation is
not too bad, though doesn't quite feel native:
 http://www.kpmartin.com/iphone/css-anim/no-svg.php

Here's an example from a more complex page (simply added a complex SVG
element) and the animation is pretty sluggish:
 http://www.kpmartin.com/iphone/css-anim/yes-svg.php

This is what happened with a Javascript-based project I worked on:
speed decreases as the page is more complex.

Any thoughts on how this could be done better?

(I know I could use native selectors instead of jQuery, but I'm *only*
using that to apply or remove a class, so that doesn't seem like it
could be a problem. And doing it this way degrades nicely in other
browsers.)

--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups 
"iPhoneWebDev" group.
To post to this group, send email to [email protected]
To unsubscribe from this group, send email to [EMAIL PROTECTED]
For more options, visit this group at 
http://groups.google.com/group/iphonewebdev?hl=en
-~----------~----~----~----~------~----~------~--~---

Reply via email to