John B. Hall personal blog
An explanation of the CSS animation on Apple's iPhone 4S webpage
The "phone stage" (blue-bordered box) contains all 6 "slides" of the animation sequence and has a transition css property with a duration and timing function (a cubic bezier curve). 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…
- Points
- 167
- HN comments
- 13
- Submissions
- 1
- Cited by
- 0 commenters
On Hacker News
| Submitted | Title on HN | Points | Comments |
|---|---|---|---|
| Mar 10, 2012 | An explanation of the CSS animation on Apple's iPhone 4S webpage by kirillzubovsky | 167 | 13 |
