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 GradientsGradient | 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 FixedGradient | 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.