Gradients
This page lists all Gradients CSS custom properties and utility classes available in the OxyProps Framework
Text Gradients
link Text Gradients| Gradient version | CSS Variable | Utility Class |
| ---------------- | ----------------------------------------------------------------------------------- | ------------------------------------------------------------------------ | --- |
| Brand | --o-brand-gradient o-text-gr-brand --o-gradient-1 o-text-gr-1 --o-gradient-2 o-text-gr-2 --o-gradient-3 o-text-gr-3 --o-gradient-4 o-text-gr-4 --o-gradient-5 o-text-gr-5 --o-gradient-6 o-text-gr-6 --o-gradient-7 o-text-gr-7 --o-gradient-8 o-text-gr-8 --o-gradient-9 o-text-gr-9 --o-gradient-10 o-text-gr-10 --o-gradient-11 o-text-gr-11 --o-gradient-12 o-text-gr-12 --o-gradient-13 o-text-gr-13 --o-gradient-14 o-text-gr-14 --o-gradient-15 o-text-gr-15 --o-gradient-16 o-text-gr-16 --o-gradient-17 o-text-gr-17 --o-gradient-18 o-text-gr-18 --o-gradient-19 o-text-gr-19 --o-gradient-20 o-text-gr-20 --o-gradient-21 o-text-gr-21 --o-gradient-22 o-text-gr-22 --o-gradient-23 o-text-gr-23 --o-gradient-24 o-text-gr-24 --o-gradient-25 o-text-gr-25 --o-gradient-26 o-text-gr-26 --o-gradient-27 o-text-gr-27 --o-gradient-28 o-text-gr-28 --o-gradient-29 o-text-gr-29 --o-gradient-30 o-text-gr-30
Text Gradients Fixed
link Text Gradients Fixed| Gradient version | CSS Variable | Utility Class |
| ---------------- | ----------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------ | --- |
| Brand | --o-brand-gradient o-text-gr-fixed-brand --o-gradient-1 o-text-gr-fixed-1 --o-gradient-2 o-text-gr-fixed-2 --o-gradient-3 o-text-gr-fixed-3 --o-gradient-4 o-text-gr-fixed-4 --o-gradient-5 o-text-gr-fixed-5 --o-gradient-6 o-text-gr-fixed-6 --o-gradient-7 o-text-gr-fixed-7 --o-gradient-8 o-text-gr-fixed-8 --o-gradient-9 o-text-gr-fixed-9 --o-gradient-10 o-text-gr-fixed-10 --o-gradient-11 o-text-gr-fixed-11 --o-gradient-12 o-text-gr-fixed-12 --o-gradient-13 o-text-gr-fixed-13 --o-gradient-14 o-text-gr-fixed-14 --o-gradient-15 o-text-gr-fixed-15 --o-gradient-16 o-text-gr-fixed-16 --o-gradient-17 o-text-gr-fixed-17 --o-gradient-18 o-text-gr-fixed-18 --o-gradient-19 o-text-gr-fixed-19 --o-gradient-20 o-text-gr-fixed-20 --o-gradient-21 o-text-gr-fixed-21 --o-gradient-22 o-text-gr-fixed-22 --o-gradient-23 o-text-gr-fixed-23 --o-gradient-24 o-text-gr-fixed-24 --o-gradient-25 o-text-gr-fixed-25 --o-gradient-26 o-text-gr-fixed-26 --o-gradient-27 o-text-gr-fixed-27 --o-gradient-28 o-text-gr-fixed-28 --o-gradient-29 o-text-gr-fixed-29 --o-gradient-30 o-text-gr-fixed-30
Noisy Text Gradients
link Noisy Text Gradients| Gradient | Noise | Filter | Utility CLass |
|---|---|---|---|
| 1 | 1 | 1 | o-text-gr-noisy-1-1-1 |
| 1 | 1 | 2 | o-text-gr-noisy-1-1-2 |
| 1 | 1 | 3 | o-text-gr-noisy-1-1-3 |
| 1 | 1 | 4 | o-text-gr-noisy-1-1-4 |
| 1 | 1 | 5 | o-text-gr-noisy-1-1-5 |
| 1 | 2 | 1 | o-text-gr-noisy-1-2-1 |
| 1 | 2 | 2 | o-text-gr-noisy-1-2-2 |
| 1 | 2 | 3 | o-text-gr-noisy-1-2-3 |
| 1 | 2 | 4 | o-text-gr-noisy-1-2-4 |
| 1 | 2 | 5 | o-text-gr-noisy-1-2-5 |
| 1 | 3 | 1 | o-text-gr-noisy-1-3-1 |
| 1 | 3 | 2 | o-text-gr-noisy-1-3-2 |
| 1 | 3 | 3 | o-text-gr-noisy-1-3-3 |
| 1 | 3 | 4 | o-text-gr-noisy-1-3-4 |
| 1 | 3 | 5 | o-text-gr-noisy-1-3-5 |
| 1 | 4 | 1 | o-text-gr-noisy-1-4-1 |
| 1 | 4 | 2 | o-text-gr-noisy-1-4-2 |
| 1 | 4 | 3 | o-text-gr-noisy-1-4-3 |
| 1 | 4 | 4 | o-text-gr-noisy-1-4-4 |
| 1 | 4 | 5 | o-text-gr-noisy-1-4-5 |
| 1 | 5 | 1 | o-text-gr-noisy-1-5-1 |
| 1 | 5 | 2 | o-text-gr-noisy-1-5-2 |
| 1 | 5 | 3 | o-text-gr-noisy-1-5-3 |
| 1 | 5 | 4 | o-text-gr-noisy-1-5-4 |
| 1 | 5 | 5 | o-text-gr-noisy-1-5-5 |
| 2 | 1 | 1 | o-text-gr-noisy-2-1-1 |
| 2 | 1 | 2 | o-text-gr-noisy-2-1-2 |
| 2 | 1 | 3 | o-text-gr-noisy-2-1-3 |
| 2 | 1 | 4 | o-text-gr-noisy-2-1-4 |
| 2 | 1 | 5 | o-text-gr-noisy-2-1-5 |
| 2 | 2 | 1 | o-text-gr-noisy-2-2-1 |
| 2 | 2 | 2 | o-text-gr-noisy-2-2-2 |
| 2 | 2 | 3 | o-text-gr-noisy-2-2-3 |
| 2 | 2 | 4 | o-text-gr-noisy-2-2-4 |
| 2 | 2 | 5 | o-text-gr-noisy-2-2-5 |
| 2 | 3 | 1 | o-text-gr-noisy-2-3-1 |
Etc.
Noisy Text Gradients Fixed
link Noisy Text Gradients Fixed| Gradient | Noise | Filter | Utility CLass |
|---|---|---|---|
| 1 | 1 | 1 | o-text-gr-noisy-fixed-1-1-1 |
| 1 | 1 | 2 | o-text-gr-noisy-fixed-1-1-2 |
| 1 | 1 | 3 | o-text-gr-noisy-fixed-1-1-3 |
| 1 | 1 | 4 | o-text-gr-noisy-fixed-1-1-4 |
| 1 | 1 | 5 | o-text-gr-noisy-fixed-1-1-5 |
| 1 | 2 | 1 | o-text-gr-noisy-fixed-1-2-1 |
| 1 | 2 | 2 | o-text-gr-noisy-fixed-1-2-2 |
| 1 | 2 | 3 | o-text-gr-noisy-fixed-1-2-3 |
| 1 | 2 | 4 | o-text-gr-noisy-fixed-1-2-4 |
| 1 | 2 | 5 | o-text-gr-noisy-fixed-1-2-5 |
| 1 | 3 | 1 | o-text-gr-noisy-fixed-1-3-1 |
| 1 | 3 | 2 | o-text-gr-noisy-fixed-1-3-2 |
| 1 | 3 | 3 | o-text-gr-noisy-fixed-1-3-3 |
| 1 | 3 | 4 | o-text-gr-noisy-fixed-1-3-4 |
| 1 | 3 | 5 | o-text-gr-noisy-fixed-1-3-5 |
| 1 | 4 | 1 | o-text-gr-noisy-fixed-1-4-1 |
| 1 | 4 | 2 | o-text-gr-noisy-fixed-1-4-2 |
| 1 | 4 | 3 | o-text-gr-noisy-fixed-1-4-3 |
| 1 | 4 | 4 | o-text-gr-noisy-fixed-1-4-4 |
| 1 | 4 | 5 | o-text-gr-noisy-fixed-1-4-5 |
| 1 | 5 | 1 | o-text-gr-noisy-fixed-1-5-1 |
| 1 | 5 | 2 | o-text-gr-noisy-fixed-1-5-2 |
| 1 | 5 | 3 | o-text-gr-noisy-fixed-1-5-3 |
| 1 | 5 | 4 | o-text-gr-noisy-fixed-1-5-4 |
| 1 | 5 | 5 | o-text-gr-noisy-fixed-1-5-5 |
| 2 | 1 | 1 | o-text-gr-noisy-fixed-2-1-1 |
| 2 | 1 | 2 | o-text-gr-noisy-fixed-2-1-2 |
| 2 | 1 | 3 | o-text-gr-noisy-fixed-2-1-3 |
| 2 | 1 | 4 | o-text-gr-noisy-fixed-2-1-4 |
| 2 | 1 | 5 | o-text-gr-noisy-fixed-2-1-5 |
| 2 | 2 | 1 | o-text-gr-noisy-fixed-2-2-1 |
| 2 | 2 | 2 | o-text-gr-noisy-fixed-2-2-2 |
| 2 | 2 | 3 | o-text-gr-noisy-fixed-2-2-3 |
| 2 | 2 | 4 | o-text-gr-noisy-fixed-2-2-4 |
| 2 | 2 | 5 | o-text-gr-noisy-fixed-2-2-5 |
| 2 | 3 | 1 | o-text-gr-noisy-fixed-2-3-1 |
Etc.