Nicolas Gallagher do an experiment that creates social media icons using CSS and semantic HTML. It uses progressive enhancement to turn an unordered list of text links into a set of icons without the use of images or JavaScript like this:
![]()
This is an experiment that uses CSS2.1 and CSS3 that is not supported by Internet Explorer 6 and 7, therefore, you shouldn’t expect it to work in those browsers. CSS is not necessarily the most appropriate tool for this kind of thing either.
Example code : http://nicolasgallagher.com/experimental-pure-css-social-media-icons/
Demo : http://nicolasgallagher.com/demo/pure-css-social-media-icons/












Loading...
2 Trackbacks/Pingbacks
Create CSS social media icons with pure CSS3: Nicolas Gallagher do an experiment that creates social media icons u… http://bit.ly/a9SFNw
RT @yadirosadi: Create CSS social media icons with pure CSS3 http://bit.ly/coQfDR