The power of CSS3 is becoming more and more amazing! We recently came across this stunning attempt at creating the Apple iPhone IOS icons using pure CSS3, and the results are just phenomenal.

Check it out here at:

http://graphicpeel.com/cssiosicons

With over 1000 lines of code in total for all of the icons, it may not exactly be practical, but it’s a fantastic example to illustrate the potential that future web technologies have to offer.

The icons available are the YouTube, Notes, Maps, iDisk, iTunes, Contacts, Calendar, Voice Memo’s, SMS, Calculator and Weather icons. 781 lines of code was used just for the Voice Memo’s icon.

If you haven’t already, check out our previous article about the classic 1967 Spider-Man cartoon title sequence that uses only HTML5, CSS3 and Webkit Animations.