Create 84 GUI Icons Using Pure CSS
Pure CSS GUI icons is an experiment that uses pseudo-elements to create 84 simple GUI icons using CSS and semantic HTML. Shared as an exercise in creative problem solving and working within constraints.
Some of these GUI icons can only be created in browsers that support CSS3 transforms. It has been tested on Firefox 3.5+, Safari 5+, Chrome 5+, Opera 10.6+. However, this is not a “production ready” CSS icon set yet.
Requirements: Firefox 3.5+, Safari 5+, Chrome 5+, Opera 10.6+
Demo: http://nicolasgallagher.com/pure-css-gui-icons/
License: License Free
Related Posts :
Speech bubbles are a popular effect but many tutorials rely on presentational HTML or JavaS ...
Two years ago, we have built a Javascript Progress Bar. Now, would you like a Pure CSS Progress ...
Magical things can be done by combining various CSS properties, especially when some of the new ...
Here I am presenting a cool overlapped pure CSS menu created using CSS sprites. This is an ...
CSS3Warp is a proof of concept: create Illustrator like “warped” text (text following an irr ...
Posted on Friday, November 26th, 2010 at 4:07 am | Category: CSS |
Magazine of the week
Categories
- Adobe Photoshop Tutorials
- Ajax
- Articles
- Companies
- Corporate / Elegant
- CSS
- Designers Work
- Fonts
- Freebies
- Freelance / Portfolios
- Galleries
- Graphic Art
- HTML
- HTML5
- Icons
- Identity
- Illustration
- Internet
- Java Script
- Jquery
- Magazines
- Marketing
- One Page Websites
- Photo Creativity
- Photoshop
- Print Design
- Stock Images
- Typography
- Vectors
- Video Tutorials
- Wordpress
- Wordpress Themes