Wednesday, January 4, 2012

TiPb - The #1 iPhone, iPad, and iPod touch blog: iPhone 4 created purely from CSS3 code can slide to unlock and more

TiPb - The #1 iPhone, iPad, and iPod touch blog
Get the latest news, reviews, help, and how-tos for Apple's iPhone, iPad, and iPod touch, and iTunes App Store apps and games! // via fulltextrssfeed.com
iPhone 4 created purely from CSS3 code can slide to unlock and more
Jan 4th 2012, 07:26

By , Wednesday, Jan 4, 2012 | 2 Comments

HTML5 and CSS expert Vasily Zubach has put together a quite amazing render of an iPhone 4 created solely using CSS3. Because it was created in this manner, it does not include any images at all, it is all done with code.

This rendering of iPhone 4 and its icons was made in pure CSS3. No images, no base64, no SVG, no canvas, just 3395 lines of CSS code and 335 lines of Javascript code (with jQuery, of course).Viewed best with the latest versions of Safari and Chrome in Mac OS X.

You can see what we mean by amazing, when you visit the full render here. It is not just a render but it also offers a certain amount of functionality too. You can slide to unlock, click the home button and even turn it on and off using the power button. Very clever work!

Source: TNW

More of: News
More on: , , , , , ,

Leave a Reply

Note: Comments must be civil, respectful, and on-topic. If a comment does not add to the conversation, if it contains spam advertising, or inappropriate language or content, it will be removed. Comments containing links may be held for moderation. Relax, enjoy, and share in the discussion.

You are receiving this email because you subscribed to this feed at blogtrottr.com.
If you no longer wish to receive these emails, you can unsubscribe from this feed, or manage all your subscriptions

No comments:

Post a Comment