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