jQuery Gradient Creator

jQuery Gradient Creator is a jQuery plugin that allows you to add gradient generators in your web apps and sites. Smart and fully cutomizable, it is suitable for any type of use : CSS generators, HTML5 canvas applications, live usages …

Features

• Unlimited gradient points
• HTML5 Browsers compatible (IE9 +)
• Generate and export CSS code
• Customizable by CSS
• Many smart parameters and methods
• Fast loading and fluid usage
• Included : colorpicker plugin and any jQuery-ui libraries
• Can easily be combined with HTML5 canvas
• No server file, only js and CSS
• Documentation and examples

Parameters

• gradient : String or Array | Default gradient points
• width : Int | Gradient preview width
• height : Int | Gradient preview height
• pointSize : Int | Int | Gradient points size
• orientation : “horizontal” or “vertical” | Orientation of the generated gradient
• target : jQuery selector | Define live targets. Ex: ”#target1,#target2”
• tooltipGradient : String or Array | Tooltip background gradient points
• onChange : Method | Executed on each gradient change and at start
• onInit : Method | Executed on initialization only
• noSupport : Method | Executed if the browser doesn’t support HTML5

Methods

• getArrayGradient() : Return the gradient points array. Ex: [[“0%”,”#FFFFFF”],[“100%”,”#000000”]]
• getCssGradient() : Return the full gradient generated CSS code
• getStringGradient() : Return the gradient points as string. Ex: “0% #FFFFFF,100% #000000”
• setOrientation(orientation) : “horizontal” or “vertical” | Change the generated gradient orientation in live.

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 !