Modern CSS trends have blown up so quickly that it can be difficult to keep up with all the new stuff. Online projects which most surprise me involve pure CSS designs for layouts, animations, and icons. There is still plenty of use for icon sprite sheets in the right context. But why not try out modern trends for the users who have upgraded from legacy browsers?
This gallery includes fifty examples of my favorite CSS-based icon designs. Some are animated while others are static interface pieces. These range from general purpose icon sets to character designs created purely within HTML/CSS code. The latter doesn’t have much practical use but it’s definitely a way of showing off your skillset.
Iconex Flat Icons
Pure CSS Cloud
Map Marker Icon
Tech Devices
Animated Compass
Full NES Console
Pure CSS MacBook
Tweetbot Icon
Computing Devices
Hanging Picture Frames
Animated Trash Icon
Mail Icon
Hamburger Menu Icon
Pure CSS Ribbon
Google Browser Icons
Opera Logo Icon
CSS Microphone
Pure-CSS Owl
Animated Clock
Taj Mahal
Squirrel
Pure CSS3 Arrows
Google Logos
Santa Icon
Peeling Sticky
CSS3-Only Animals
Minions in Pure CSS
RSS Feed Icon
Credit Card
Flat Camera
CSS3 Calendar
Burger App Icon
Currency Icon
Flat Gift Icon
WordPress Icon
Passcode Locks
Stewie Griffin
Eric Cartman
Pure CSS Folders
Google Voice Search
Envelope Transition
iOS7 Icons
iOS6 Camera Icon
Animated Printer
CSS3 Preloader
Color Picker
Checklist Icon
CSS Smileys
Apple Mice
CSS Circle Logo
Source: http://ift.tt/1n51CnV
No comments:
Post a Comment