iPhone 3GS pure CSS Free

  • Share
  • Share

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.

About the author

Co-founder of land-of-web.

5 Comments

  1. Evodish says:

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

    Reply
  2. mike ilz says:

    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?

    Reply
  3. dutch says:

    Hey, why didn’t you use the right font? Looks bad dude

    Reply

Leave a Comment