∞ iOS icons made entirely in CSS

The following demo was made using a variety of CSS techniques. Rounded corners, shadows, gradients, rgba, pseudo-elements, and transforms are just some of them. A lot of these were generated by helpful tools, such as westciv’s tools and Border Radius. By combining these techniques, you can create rich graphics with just a few lines of code. Here are a few examples.

Absolutely amazing.



One thought on “∞ iOS icons made entirely in CSS”

  1. Meh. Amazing from a technical, nerdy, because-we-can exploration of what’s possible? Sure. Absolutely.
    Amazing from a practical point of view when a PNG in Photoshop takes about 1/20th of the time necessary to work out the CSS for each of these? Less so.

Leave a Reply

Your email address will not be published. Required fields are marked *