Discussion on CSS3 Smooth Hover Gradient Social Networking Icons


iobe supports this item


This author's response time can be up to 5 business days.

10 comments found.

Wow! Hi, you should have an email icon. Then it’s perfect!

i’ll update soon… thank you

Nice job. Good luck with sales :)

thank you…

Hello, Hey man im need one icon Email,u can make this?i think this is very important.

hello… i updated the file… i just added mail icon you can redownload it… thank you for purchasing

Thanks iobe !

:D my pleasure

Its not working in IE 9. I see the icon but link is not opening just mouse over action. Any suggestions?

you should add link in code on attribute href example:
<a href="" class="facebook">
<span class="link_act"><label class="img_act"></label></span></a>

Hey, the installation fails anytime I upload the zip file to install. I have re-downloaded and tried again with no success. Any ideas on why this would be happening?

im sorry… this is not a plugin… just a css file you should copy the file into your server and embed the file to your html or php files… you should read the documentation (index.html) first, i’d wrote the instruction on it


This is what it says. I am supposed to upload the entire zip file right?

Unpacking the package…

Installing the plugin…

The package could not be installed. No valid plugins were found.

Plugin install failed.

Hey! i notice the smallest is 32px can i make them any smaller? ps I am new to html and css. Thanks

yes you can do that… but you should modify the css file and image file

Hey iobe,

For some reason the hover effect is not showing the white icon underneath. When i hover on the icon the grey logo fades away but no white icon show.

I uploaded all the image files and made sure the paths are correct. Any advice on this?


hey… did you change folder name or file name ?

5 Stars for you brah :)

only one change in your script… REPLACE:

<lable class=”img_act”></lable>


and the W3C validator stop crying ;)

to: <i class="”img_act”" />

WTF? .

Last try to post…

Replace the “lable” TO “i”


i’ve been added an optional file for

<i class="img_act" />

sorry for waiting, thank you

Congratulations! Amazing Work, GLWS