Get Even More Visitors To Your Blog, Upgrade To A Business Listing >>

HTML5: Is iPhone4's hardware acceleration that much weaker than compared to the 4s?

HTML5: Is iPhone4's hardware acceleration that much weaker than compared to the 4s?

Problem

I created a HTML5 web application that uses Hardware Acceleration via CSS3 property translateZ(0).

On my 4s every works really very smooth.

When I test the same thing on a iPhone4, then performance goes down extremely. Almost unusable.

Is there some kind of freaky trick to enable Hardware acceleration for the iPhone4? Or is its GPU simply that weak?

Problem courtesy of: Timo

Solution

It came out that I've been doing hardware-accelerated transitions the wrong way, see:

What are the "golden rules" to increase CSS3 transition performance on mobile devices?

Using translate3d(x, y, z) instead of translateZ(0) with left:x did the trick for me. Now even on older iPhones all transitions run very smoothly.

Solution courtesy of: Timo

Discussion

View additional discussion.



This post first appeared on CSS3 Recipes - The Solution To All Your Style Problems, please read the originial post: here

Share the post

HTML5: Is iPhone4's hardware acceleration that much weaker than compared to the 4s?

×

Subscribe to Css3 Recipes - The Solution To All Your Style Problems

Get updates delivered right to your inbox!

Thank you for your subscription

×