> For the complete documentation index, see [llms.txt](https://reduble.gitbook.io/redubleplugins/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://reduble.gitbook.io/redubleplugins/super-gradient-docs.md).

# Super Gradient Docs

## Super Gradient

![Gradient element options.](https://870749518-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LGX_1aOBJivMqQXSZ-5%2F-LIS5BxHwDw0x3p1EnF9%2F-LIS4cDqhMF8iVvIcXyq%2Fchrome_2018-07-27_20-52-54.png?alt=media\&token=90a08e0a-59d2-4f5a-a7f6-94513038dc16)

* Name: Gradient name. Like unique id.
* Direction: Left right, Diagonal, Top Bottom, Radial.
* Pause when not in view: Stop the animation when it's not in view?
* Gradient 1 From: #HEX COLOR.
* Gradient 1 To: #HEX COLOR.
* Gradient 2 From: #HEX COLOR.
* Gradient 2 To: #HEX COLOR.
* Gradient 3 From: #HEX COLOR.
* Gradient 3 To: #HEX COLOR.
* Opacity Gradient 1: Gradient 1 Opacity. **From 0 to 1. I.E: 0.5**
* Opacity Gradient 2: Gradient 2 Opacity.
* Opacity Gradient 3: Gradient 3 Opacity.
* Round borders: Check to enable rounded borders.
* Border top left: Check to enable top left border.
* Border top right: Check to enable top right border.
* Border bottom left: Check to enable bottom left border.
* Border bottom right: Check to enable bottom right border.

{% hint style="success" %}
[DEMO PAGE](https://redubleplugins.bubbleapps.io/supergradient)
{% endhint %}

{% hint style="success" %}
[EDITOR PAGE](https://bubble.is/page?type=page\&name=supergradient\&id=redubleplugins\&tab=tabs-1)
{% endhint %}