css
Social Icons – Ultimate CSS3 Effects
Social icons are everywhere.
People love playing around by hovering over them.
I’m sure you are a smart designer/developer and know this already.
That’s why you’re here…
This is the ULTIMATE CSS3 HOVER EFFECTS COLLECTION for SOCIAL ICONS !
Why?
26 hover effects
Check it out:
- NEW: Examples
- All in 5 minutes
- Effects for Horizontal icons list
- Effects for Vertical icons list
- Using the Wizzard
Reasons to buy this:
- 100 social icons
- 3 icon sizes + vector files
- color and greyscale icons
- 9 icon Sprites
- 26 hover effects (even for sidebar vertical icon lists)
- customizable CSS Tooltips for icons
- Wizzard included
- works with other icons or sprites
- VERY easy to customize
- NO JavaScript
- clean and valid HTML and CSS3
- cross browser compatible (see below)
- support and future updates
If you don’t like the look of these icons, or you have your own outstanding social icons, don’t worry:
The CSS3 hover effects work just as great with your own social icons or sprite. That’s easy.
Wizzard
I have created a quick way for you to choose the icons you need from my sprites, test and customize the effects and tooltips 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 and transforms)
- IE 10
- Firefox 16+
- Chrome 23+
- Safari 5.1+
- iOS Safari 3.2+
- Opera 12.1 (except 3D transforms)
( currently, 72% of internet users are using browsers that support these features – reference)
Copyright:
PLEASE buy an EXTENDED LICENSE if:
- 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. The rest is 100% my work.
Updates:
february 5th:
- added Examples (see video)
- added 2 more tooltip positions (see screenshots)
- improved tooltips
Comments and rating are much appreciated !
Thanks,
Tudor
More in css
-
CSS3 Progress Bars
This css progress bar doesn’t require js and css libraries that is fully responsive....
-
PriceX | Material Design Pricing Table Set
PriceX is a Material Design Pricing Table Set including Seven Exclusive material design pricing...
-
Sticky Header & Footer Animated Social Share
In some sites we want to keep the Social Share always visible. In this...
-
Stack Pricing Tables
Stack Pricing Tables is a cards-stack like, responsive and three-tabled set of pricing tables....