Creating pure css icons, without using fonts or svg or images.

http://nicolasgallagher.com/pure-css-gui-icons/

 

Holey cow, these icons are created with just CSS, no fonts, no svg, no images not nothing, just the magic of CSS en pseudo elements.

 

screenshot

 

To see this in live action go to: http://nicolasgallagher.com/pure-css-gui-icons/demo/

Press F12 and be amazed:

image

 

How to use pseudo elements in css:

http://www.smashingmagazine.com/2011/07/13/learning-to-use-the-before-and-after-pseudo-elements-in-css/

Leave a Reply

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

This site uses Akismet to reduce spam. Learn how your comment data is processed.