UIZE JavaScript Framework

JAVASCRIPT EXAMPLES Fade As a Color Chart

This example illustrates, by way of a color chart representation, how different acceleration/deceleration curves (generated using the Uize.Fade.celeration static method of the Uize.Fade class) shape a fade's curve over the course of its progress. In the example, a color is being faded from one to another over a series of swatches, from left to right. The color chart lets you visualize how different values for acceleration and deceleration in a fade's curve could be used to generate color gradients with varying characteristics. This example also illustrates how the Uize.Fade class can be used for non-time based fades.