Zur iPhone-Animation auf apple.com/iphone

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.