Apple has a pretty cool web page for the iPhone 4S. It’s not something you would expect to see on a web site.
When I first saw it, I had assumed they were all separate images being animated one at a time. I know it had to be CSS3 doing the transitions, but didn’t realize quite how elegant the solution was.
@johnbhall does a great job illustrating Apple’s approach to making the site we see on the iPhone 4S page. His example simplifies Apple’s approach a bit (imagine his example, but with multiple sprite images, one for phones, one for copy).
I took the original article creator at his word, but some things didn’t add up.
@johnbhall says that his example is jsut a demo, but he has the concept behind the iPhone 4S page entirely wrong.
How do I know? It’s pretty easy…