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

Inspiration Findings #7

Wednesday’s inspiration findings for those who wants to get inspiration for a whole week ahead. You will find marvelous examples of branding projects, typography treatments, illustrations and much more. 1.…

Inspiration Findings #12

Bi-weekly Inspiration dose for those who are constantly looking for Muse and enormous boost for creating something original and special. Today we shed a light upon 3-dimensional vibrant typography, elegant…

Web Design Inspiration: Large Photo Backgrounds

Since the resolution of monitors is advancing, more and more designers use large photo backgrounds to create the stunning visual effect. Compared to simple or the tiled backgrounds large photo…