Mini Social Icons With CSS And Image Sprite Flip Effect

Just last week I published the pop out effect social icons.In a comment on that post Ger asked "Can you write a tutorial for the icons you have in the footer of this page ? The ones that turn color on hover !".The icons he refers to are a neat set of simple icons with a flip color effect and they are a popular option on many of the top websites and blogs.I only added them to the footer in the last site update and had not planned on a tutorial but ask and you shall receive.

So like the pop out icons these use simple CSS to create the effect but this time we also use a sprite instead of individual images.This makes the flip smooth and adds less load time to your blog.I have tutorials for adding them to your sidebar on both Wordpress and Blogger but you could add them to your blog footer or even in a menu.

The icons are for Facebook, Twitter, Google+, Rss Feed, Pinterest, Skype, Vimeo, Dribbble, Flickr, LinkedIn and Youtube.But as I did in the footer you can remove the icons you don't want displayed.

Live Demo :
Click Here To View Full Post >>