iPhone 6 Infinity by Fabio Basile

iPhone 3GS Pure CSS Free

Total
0
Shares

iPhone 3GS

view demodownload

Today I`m going to share with you some of my css3 knowledge. I decided to look deeper into new features of  CSS3 and create something uncommon, for example, iPhone. I don`t use any images, it was made only by means of css3. Unfortunately not all browsers display it correctly, only Mozilla and Safari successfully breezed through, in Google Chrome I had some problems with inner shadows, and as for  Internet Explorer I make no complaint. Most of the methods and properties I used are border-radius, box-shadow, gradient, transform and transparency.

Please feel free to leave comments or suggestions below.

5 comments
  1. Well done, certainly a great display of CSS3 at it’s most complex. How many lines of code to produce it?

  2. That’s sick! Must have taken a while, I like the buttons on hover. Any reason you didn’t make the horizontal input an input?

Leave a Reply

Your email address will not be published. Required fields are marked *

You May Also Like

FREE Set of Hand-Drawn Social Icons

Set of hand-drawn social icons includes 2 facebook icons, twitter icon, google+ icon, 2 rss icons, 2 stumbleupon icons, delicious icon, vimeo and flickr icon. All icons come in 2…

Freebie: iPhone App Website Layout

Like Us to get the Download Link [l2g] [/l2g] With the release of iPad 3 and iPhone 4s creating application for ios 5 become more and more popular. One great way…