Social Icons - CSS3 Reflections & Shadows

Social Icons - CSS3 Reflections & Shadows

Cart 39 sales
Reflections and shadows are trendy on the web for some time now…
I’ve even seen social icons with static reflections and shadows (probably done in Photoshop)
However…Here is what you will not find anywhere on the web or even here on codecanyon:

Social Icons with Reflections and Shadows that animate with CSS3 !

Don’t take my word for it…Look it up…

Now check this out – click Live Preview above !

Reasons to buy this:
  • 100 social icons
  • 3 icon sizes + vector files
  • color and greyscale icons
  • 6 icon Sprites
  • AWESOME and unique Reflection and Shadow hover effects
  • customizable CSS Tooltips for social icons
  • Wizzard included
  • VERY easy to customize
  • NO JavaScript, JUST CSS3
  • clean and valid HTML and CSS3
  • cross browser compatible (see below)
  • detailed documentation and comments
  • support and future updates


I have created a quick way for you to choose the icons you need from my sprites, test and customize the effects and then to GET your HTML body code and CSS classes for your icon list. I named it the Wizzard and it is powered by JavaScript, Jquery, HTML and CSS.

Browser compatibility:
(uses CSS3 transitions, transforms, gradients, box-shadow)

  • IE 10
  • Firefox 16+
  • Chrome 23+
  • Safari 5.1+
  • iOS Safari 3.2+
  • Opera 12.1 (reflection has a nice alternative)
  • ( currently, 72% of internet users are using browsers that support these features – reference)

  • you want to include code from this item into a Themeforrest item
  • you want to modify and/or use the wizzard (HTML or JavaScript) to include it in another envato item
The icons used in my sprites are from icondock. Also gathered a few freebie png patterns. The rest is 100% my work.


february 8th:
  • added CSS Tooltips for social icons
  • added 2 new icon hover effects

Comments and rating are much appreciated !



Tell us what you think!

We'd like to ask you a few questions to help improve CodeCanyon.

Sure, take me to the survey