• Home
  • iPhone
  • News
  • Amazing Interactive iPhone 4 Render Made Entirely in CSS and Javascript, No Images Required!

Amazing Interactive iPhone 4 Render Made Entirely in CSS and Javascript, No Images Required!

Amazing Interactive iPhone 4 Render Made Entirely in CSS and Javascript, No Images Required!

In an incredible feat in design and web development, HTML5 and CSS developer Vasily Zubach has rendered an iPhone 4 using nothing but CSS3 and Javascript – no images at all!

That’s right! The design, pictured to the right, doesn’t include a single image. Instead, the digital iPhone is powered entirely by web code. It’s even interactive, allowing you to click the home button, “slide to unlock” the phone, or even shut it off using the power button.

The render is made up of 3,395 lines of CSS and 335 lines of Javascript, all carefully assembled to create a gorgeous interactive digital version of the iPhone 4. A truly impressive accomplishment in web design.

The entire project can be viewed here in its full glory – I highly recommend checking it out!