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

Beauty of Monochromatic Backgrounds

One of the main parts of website design is background. Everything depends on it. It can help stand out information or, vice versa muffle the blend of colors and textures.…

Show your driveway: Picturesque Road Photography

Endless, isolated, noisy – by these words you can definitely describe any road in the planet. Being an essential part of any city this type of architecture has one of…