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.

You May Also Like

Grid-Based Website Designs

Most website design layouts are simple bunch of cells that have different sizes and locations that are usually formed by means of  horizontal and vertical lines intersection. It’s the oldest…

Branding Identity Mockups – Free Templates

Last week we published inspirational collection of professional and eye-catching examples of branding mockups that usually includes various stationary items that are spiced up with brand logo and color palette.…

Weekly Fresh Web Design Freebies – Vol. 23 (12-28-2011)

As usual wednesday list of fresh freebies, unfortunately, last one in parting  year. During this year we`ve collected and shared with you a lot of  high-quality freebies from different designers and…