jQuery Gradient Creator

Last Update

23 May 2012

Regular License

$10

Extended License

$50

Sales

37

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 !