Webseite für iPhone optimieren

[LX]

Vielleicht solltest Du, bevor Du mit CSS-Effekten herumspielst, erst einmal dafür sorgen, dass der Rest der Seite im iPhone brauchbar funktioniert:

• Mouseover/:hover gibt es natürlich nicht, dafür hat man zusätzliche (Multi)Touch- und Orientation-Events (in window.orientation ist in 90°-Schritten der Neigungswinkel des Telefons als Integerzahl vorhanden)
• Den initialen Zoom der Seite (sowie deren Fähigkeit zur Skalierung, die gelegentlich störend wird) kann man mit einem meta-Tag regeln
• iframes werden nur partiell unterstützt: sie werden immer zunächst auf die Größe ihres Inhalts vergrößert und erlauben kein Scrolling (hier kann man mit den Touch-Events Abhilfe schaffen).
• CSS-Effekte funktionieren bei kleineren Seitenelementen, sind ansonsten etwa genauso langsam wie JS-Effekte. Lediglich window.scrollBy/scrollTo funktionieren schnell und erlauben flüssige Überblendungen

Wenn diese Punkte geklärt sind, kannst Du nach webkit css animation suchen.

Gruß, LX