gradient({from: 'abcdef', to: 'fedcba'})

gradient({from: '#fff', to: '#000'})

gradient({from:'#00ff00', to:'color'})

gradient('aqua', 'white')

gradient('green', 'white', 'vertical')

gradient('border-top-color', 'background-color')

gradient()

gradient({opacity: 0.5})

gradient({direction: 'vertical', opacity: 0.4}).gradient({opacity: 0.1})

gradient({from: 'abcdef', to: 'fedcba', length: '50%', position: 'left', direction: 'vertical'}) .gradient({from: 'fedcba', to: 'abcdef', length: '50%', position: 'right', direction: 'vertical'})

gradient({from: 'aqua', to: 'yellow', direction: 'vertical', duration: 2000, easing: 'easeOutBounce'})

gradient({from: 'pink', to: 'yellow', direction: 'vertical', duration: 2000, length: '50%', position: 'left', easing: 'linear', complete: function(){ $(this).gradient({from: 'yellow', to: 'aqua', direction: 'vertical', duration: 2000, length: '50%', position: 'right', easing: 'linear'}) }})

gradient({from: 'aqua', to: 'yellow', direction: 'vertical', duration: 2000, opacity: 0.4}) .gradient({from: 'aqua', to: 'yellow', duration: 2000, opacity: 0.4})

gradient({from: 'aqua', to: 'aqua', direction: 'vertical', duration: 1000}) .gradient({from: 'aqua', to: 'yellow', direction: 'vertical', duration: 2000, complete: function(){ var divs = $('.gradient div',this); setInterval (function() { divs.each(function(){this.style.backgroundColor = this.nextSibling ? this.nextSibling.style.backgroundColor : this.style.backgroundColor})}, 10); }})