Delivering the best Add-Ons in more than 37 languages.

中文(简体), English, हिन्दी/हिंदी, Español/Castellano, العربية, Русский язык, Français, 中文 (台灣), বাংলা, Bahasa Indonesia, اردو, Português, Deutsch, Bahasa Melayu (بهاس ملايو‎), 日本語 (にほんご), فارسی, Italiano, తెలుగు, Türkçe, ગુજરાતી, Język polski/polszczyzna, Tiếng Việt, ಕನ್ನಡ, Українська мова, ไทย
CSS / Miscellaneous

Social Icons - CSS3 Reflections & Shadows

— Add-On to

Subscribe to our feed to stay up to date!

New! Follow us as you want it!

Social Icons - CSS3 Reflections & Shadows - CodeCanyon Item for Sale


Ad: Bluehost hosting
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!



Other components in this categoryAll components of this author
CommentsFrequently asked questions and answers


31 January 13

Last Update:
8 February 13

Compatible Browsers:
IE10, Firefox, Safari, Opera, Chrome

Software Version:

High Resolution:

Files Included:
JavaScript JS, HTML, CSS


eCommerce, All Items, css3, effect, hover, icons, media, mirror, no javascript, reflect, reflection, shadow, share, social, sprite, tooltip