WebGL Wavy Gradients

Turn your section background ( or the whole page ) into a wavy piece of art. The extension comes with a number of pre-defined styles and the ability to add as many colors as you need, making sure no two implementations will be alike.

WebGL Wavy Gradients

• Style: The style of the wavy gradient
• Gradient Speed: The speed of the gradient
• Wave Speed: The speed of the waves
• Direction: The direction of the wave and gradient
• Colors: The list of colors to use. The first color acts as the main color of the gradient. If you need to give more weight ( order of importance during the rendering ) to a certain color, you can add it multiple time until you are satisfied with the result.
• Apply to whole page: Use as the page background instead. If you want to cover the WebGL Wavy Gradient in a given section, add one of the default Breakdance backgrounds to that section in order to cover it.
• Disable on Touch Devices: Disable loading the element on devices with touch capability