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

Weekly Web Developers Kit – vol. 9 (5-11-2012)

Our regular roundup that consists of useful stuff  for web developers (similar collection of fresh freebies for web designers is available here). This week I have gathered 2 HTML/CSS website…

Illustrative Website Designs

Sometimes to show off skills, designers resort to the proven way, by creating realy illustrative design. Of course, it’s rather difficult and usually time consuming but the rewards are outstanding.…

35+ amazing iPhone Accessories

Even before iPhone 4 was released there were plenty of iPhone cases and gadgets for sale. Some of them really pointless but others are very useful. Today we’ve rounded up…