Я также разрабатываю веб-приложение, предназначенное специально для iPad, и использующее HTML5 / CSS3.У меня был противоположный опыт - я удивлен тем, насколько плавная анимация даже на iPad 1. Майкл Маллани прав: большинство 2d-преобразований не получают ускорения GPU - убедитесь, что вы используете transform3d или tranformZ (0).
На iPad 2 анимация почти безупречна - так же хорошо, как и лучшие нативные приложения.
Конечно - это зависит от того, что вы анимируете.
ВВ моем случае это «карусель» с более чем дюжиной панелей, каждая из которых содержит несколько элементов формы.(Тем не менее, преобразования представляют собой простую левую / правую анимацию).
Если вы еще не видели их, вот два впечатляющих (IMO) доклада на эту тему:
Пол Ирландский: http://paulirish.com/2011/dom-html5-css3-performance
Алекс Рассел: http://dayofjs.com/videos/22158462/web-browsers_alex-russel
Из того, что я видел, анимации CSS3 ОЧЕНЬ легко ошибаются (или плохо), и производительность снижается.Тем не менее, с некоторыми изменениями это выглядит довольно круто.
Также - скажите, что вы пожелаете по поводу контента и неортодоксального пользовательского интерфейса, но попробуйте http://stuffwhitepeoplelike.com/ на своем iPad.Множество богатых, плавных и сложных анимаций, которые хорошо работают на iPad, и великолепно на iPad 2. (Конечно, есть и некоторые анимации, которые довольно неудобны для обоих, поэтому это показывает, насколько важно их использовать.рассудительно ...)
Удачи!