jQuery html5 Buttons combines the power of jQuery, the graphics capabilities of HTML5 canvas component and the beauty of a design in css3, to give superb animated buttons, very easy to integrate.
For more informations, click on the “Live Preview” Button !
Features
- CSS3 design, load time optimized and easy to edit
- Many jQuery parameters to customize the effects
- An online live and smart generator (not include in the package)
- Intelligent browser compatibility : the buttons work on all browsers, but are more or less detailed depending on its capabilities
- 23 icons included, and add yours easily
- Documentation and examples
Plugin Parameters
- fx : Rollover effect type : “iconCircle” , “shine” or “none”
- fxAlpha : Rollover effect opacity : 0.0 -> 1.0
- fxColor : Rollover effect color : hex color value, like ”#FFFFFF”
- crystal : Crystal effect type : “linear”, “curve”, “diagonal” or “none”
- crystalAlpha : Crystal effect opacity : 0.0 -> 1.0
- crystalColor : Crystal effect color : hex value, like ”#FFFFFF”
- iconColor : Sets icon color if iconTint is true : hex color value or “auto”
- iconsPath : Sets icon folder path
- iconTint : Tints icon or not : true or false
Online generator features
- Creation of the buttons in live
- Download your custom buttons ready to work
- Creation of custom icon sets
- Smart automations, to keep harmony
Usage
Create a button
To create a button, simply add the button classname to your link, like this :
<a href=”#” class=”jhButton”>My Button</a>
And initialize the jQuery plugin :
$(’.jhButton’).jhButton();
Differents sizes
Each button has three default sizes: default, “big” and “large”. To set the size, just add the correct classname, like :
<a href=”#” class=”jhButton large”>My Button</a>
Add an icon
Just add the icon classname to the button :
<a href=”#” class=”jhButton icon-home”>My Button</a>
License usage
The Regular License permits you to use this buttons on one website. If you want to use them on another website, you will need to purchase an additional Regular License.
Support
If you need help, contact me from my envato profile .
If you bought this plugin and love it, remember to leave a vote !
You need a freelance ? Contact me !