iphone-ticker.de — Alles zum iPhone. Seit 2007. 18 959 Artikel
   

Zur iPhone-Animation auf apple.com/iphone

Artikel auf Google Plus teilen.
14 Kommentare 14

Das harte Wochenende verlangt nach einem ruhigen Start in die KW 11. Wir empfehlen den Klick zu John Hall. Der Software-Entwickler hat sich Apples CSS-Animation auf apple.com/iphone näher angeschaut und demonstriert den dort eingesetzten Rotations-Effekt anhand eines transparenten Nachbaus.

For the phone stage to cycle from one slide to the next, its css transform property is updated with new translate and rotate values. At the end of the cycle, the phone stage’s transition duration is temporarily set to 0ms while slide 6 resets to slide 1.

Montag, 12. Mrz 2012, 9:29 Uhr — Nicolas
14 Kommentare bisher. Dieser Unterhaltung fehlt Deine Stimme.
Rede mit!
  • Für was manchen Menschen zeit haben.

  • Danke an die Red. Dieser artikel hat mir sehr viel zeit gespart da ich genau den selben Gedanken hatte und die Animation zerlegen wollte um diese Anschliessend in einer anderen Form für mein Portfolio nachzubauen.

    Mehr davon!

    • Naja… so ähnlich?
      Bei Johns Beispiel geht’s um CSS Transitions. Bei deinem Beispiel geht’s um Sprites, eigentlich ganz was anderes! (Aber natürlich auch interessant)

  • Danke an John Hall, jetzt hat mein Leben wieder einen Sinn!

    Ich hätte wohl zur Entschlüsselung an dieser hochkomplizierten Animation bis an mein Lebensende gesessen!!

  • Wenn wir schon beim Thema Apple-Webseite sind: warum wird die iPad Startseite über den Firefox nicht animiert während über den Safari auf der gleichen Seite ein kleines Video kommt?
    http://www.apple.com/ipad/

    • Firefox hat die falsche Engine unter der Haube …

    • Apple bindet das Video hier über HTML5 ein, sie haben jedoch innerhalb des video-Tags nur eine MP4-Version des Videos hinterlegt.

      Insofern mein Wissen noch aktuell ist, unterstützt Firefox bisher nur WebM und Ogg als Videoformate.

      Das Bild, was du unter Firefox siehst, ist anscheinend als Hintergrund des Elements angelegt, um den Fall, dass das Video nicht angezeigt wird, abzufangen.

      Ich hoffe, ich konnte dir helfen :)

    Redet mit. Seid nett zueinander!

    Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind markiert *

    ifun.de ist das dienstälteste europäische Onlineportal rund um Apples Lifestyle-Produkte.
    Wir informieren täglich über Aktuelles und Interessantes aus der Welt rund um iPad, iPod, Mac und sonstige Dinge, die uns gefallen.
    Insgesamt haben wir 18959 Artikel in den vergangenen 3312 Tagen veröffentlicht. Und es werden täglich mehr.
    ifun.de — Love it or leave it   ·   Copyright © 2016 aketo GmbH   ·   Impressum   ·   Datenschutz   ·   Auf dieser Seite werben aketo GmbH Powered by SysEleven