This article was published on January 3, 2012

This jaw-dropping rendering of an iPhone 4 was written completely in CSS3


This jaw-dropping rendering of an iPhone 4 was written completely in CSS3

This amazing feat in design comes to us thanks to HTML5 and CSS guru Vasiliy Zubach, also known as TjRus. I’m not sure if Zubach was just bored or someone dared him to do it, but he has rendered an iPhone 4 completely in CSS3. That means there are no images in his design whatsoever.

You can view it in its full glory here, and marvel at the zero image, 3,395 lines of CSS and 335 lines of Javascript version of the iPhone 4.

You can even click the home button, slide to unlock it, and shut it off with the power button.

The fact that all of the features of the phone and design of the icons were done without use of images is astonishing, and impressive. Well done!

Get the TNW newsletter

Get the most important tech news in your inbox each week.

Also tagged with