tags:

views:

82

answers:

1
Q: 

How to achieve smooth (hw accelerated) transitions in the Android browser?

Hi, the title is self-explaining. On iPhone, Mobile Safari is WebKit based and supports hardware-accelerated -webkit-transform CSS properties. To be specific, I use the translate3d() transform.

What alternative is there for the Android browser? I need it to work on Android 1.5.

Thanks in advance.

A: 

The Android browser is webkit based as well so your animations should work as desired.

Take a look at an article I read recently.

http://www.ibm.com/developerworks/opensource/library/os-androidiphone1/

Marko  2010-07-05 21:23:16
I tried to transform an element on a separate page and it does work on the Android 2.2 but not on 1.5.
Jan Kuča  2010-07-05 22:31:01
The Android 1.5 browser has proven to be quite crap actually, even animated gifs don't work which is a shame.
Marko  2010-07-05 22:46:08
You might need to use javascrpit/jquery to achieve the desired animation, but I'm not sure it'll be hardware accelerated.
Marko  2010-07-05 22:46:26
Drawing on Android is not hw accelerated anywhere. The reason given for this is that lower end/older devices didn't support it. So hopefully it will come in Android 3.0 :)
alexanderblom  2010-07-06 06:45:50

related questions

IE7 HTML/CSS margin-bottom bug.
IE7: header above menu
How to create an all browser-compatible hanging indent style in CSS in a span
How can you customize the numbers in an ordered list?
style.display not working in Firefox, Opera, Safari - IE7 OK
Best WYSIWYG CSS editor?
How important is W3C XHTML/CSS validation when finalizing work?
Solve the IE select overlap bug
IE8 overflow:auto with max-height
Autosizing Textarea
What is the best way to create rounded corners using CSS?
FF3 WinXP != FF3 Ubuntu - why?
Is there a business reason for striving for pure CSS layout?
How to set up a CSS switcher in ASP.NET
Setting a div's height in HTML with CSS
Wrapping lists into columns
CSS Background Color in Javascript
How can I make the browser see CSS and Javascript changes?
What sites offer free, quality web site design templates?
Can you recommend a good CSS online resource or book?
Html CSS Editor
In HTML, how to word-break on a dash?
Detecting font in JavaScript
How do you test layout design across multiple browsers/OSs?
Why doesn't the percentage width child in absolutely positioned parent work in IE7?