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.