Ajax Loader
×

Pure CSS3 Apple's iOS Icons

A very nice Apple's iOS icon set created and rendered in pure HTML/CSS3 by Louis Harboe. This set will display correctly only in Webkit browsers (Safari and Chrome) for now. For those who can't see them correctly, here's a screenshot of how it looks in chrome/safari. These are created using different shapes like distorted semi-circles, rounded rectangles, etc., in addition with CSS3 transforms like rotate, scale and skew.

Every single thing is created in CSS3. This is a great example if cleverly used CSS3 techniques. Check out the code below to learn more about it. 

Related:

×

Coding Preferences


HTML

CSS

Javascript

More

×

Your Default Settings - Preferences

×
×
×

Validations

(Errors from your JS or Pre-Processors code)

    HTML
    CSS
    JavaScript

    Pure CSS3 Apple's iOS Icons

    CSSDeck G+