On May 17, 7:58 pm, dgouldin <[EMAIL PROTECTED]> wrote:
> Yep, simply added webkit transitions for <ul> elements on left and top
> like this:
>
> ul { -webkit-transition: left 0.2s linear, top 0.2s linear; }
>
> and changed iui.js's slidePages function to simply set
> frompage.style.left/top and topage.style.left/top instead of
> incrementing/decrementing on a setTimeout. It seemed like a
> straightforward change to me, but it did not work like my simple demos
> did.
>
> (BTW the demo worked on an iPhone even without the 2.0 software.)
>
> Just as a side note, these css properties are in webkit proper too and
> thus would be supported by Android and other mobile browsers based on
> webkit.
Note that, while they're likely *supported* by other WebKit browsers,
they probably aren't *accelerated*.
(CSS Animations/Transitions is very similar to Core Animation, likely
to use Core Animation code to let the GPU accelerate the animation on
the iPhone. Only Mac OS X and the iPhone have Core Animation, so it's
likely there's a software fallback option for animation for other
platforms that won't be as fast.)
- ∞
--~--~---------~--~----~------------~-------~--~----~
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
-~----------~----~----~----~------~----~------~--~---
