On Sep 16, 2008, at 9:59 AM, kpmartin wrote: > 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?
Try animating -webkit-transform, rather than left. Transitions and animations of the transform property are hardware-accelerated. Simon --~--~---------~--~----~------------~-------~--~----~ 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 -~----------~----~----~----~------~----~------~--~---
