A simple jQuery plugin that provides CSS gradient transitions.
Switch branches/tags
Nothing to show
Clone or download
Permalink
Failed to load latest commit information.
.gitignore Initial commit Jul 2, 2015
LICENSE Initial commit Jul 2, 2015
README.md Updated the README file Jul 2, 2015
jquery.gradientify.js Initial commit Jul 2, 2015
jquery.gradientify.min.js Initial commit Jul 2, 2015

README.md

Gradientify

A simple jQuery plugin that provides CSS gradient transitions.

Based on the script by Mike Byrne:

http://opticalcortex.com/animating-css-gradients/

Demo

https://codefog.github.io/jquery-gradientify/

Usage

Here is an example of quick usage:

$('body').gradientify({
    gradients: [
        { start: [49,76,172], stop: [242,159,191] },
        { start: [255,103,69], stop: [240,154,241] },
        { start: [33,229,241], stop: [235,236,117] }
    ]
});

Parameters:

Name Description Required? Default
gradients An array of objects containing start and stop gradients in RGB values. required []
angle The gradient angle. The value is put directly in the CSS gradient definition. optional 0deg
fps Frames per second. The higher the value the transition will be smoother, but it affects the performance! optional 60
transition_time Transition time between gradients in seconds. optional 8