This page lists all Easings CSS custom properties and utility classes available in the OxyProps Framework
| Description | CSS Variable | Utility Class |
|---|
| Ease strength 1. | --o-ease-1 | o-ease-1 |
| Ease strength 2. | --o-ease-2 | o-ease-2 |
| Ease strength 3. | --o-ease-3 | o-ease-3 |
| Ease strength 4. | --o-ease-4 | o-ease-4 |
| Ease strength 5. | --o-ease-5 | o-ease-5 |
| Description | CSS Variable | Utility Class |
|---|
| Ease In strength 1. | --o-ease-in-1 | o-ease-in-1 |
| Ease In strength 2. | --o-ease-in-2 | o-ease-in-2 |
| Ease In strength 3. | --o-ease-in-3 | o-ease-in-3 |
| Ease In strength 4. | --o-ease-in-4 | o-ease-in-4 |
| Ease In strength 5. | --o-ease-in-5 | o-ease-in-5 |
| Description | CSS Variable | Utility Class |
|---|
| Ease Out strength 1. | --o-ease-out-1 | o-ease-out-1 |
| Ease Out strength 2. | --o-ease-out-2 | o-ease-out-2 |
| Ease Out strength 3. | --o-ease-out-3 | o-ease-out-3 |
| Ease Out strength 4. | --o-ease-out-4 | o-ease-out-4 |
| Ease Out strength 5. | --o-ease-out-5 | o-ease-out-5 |
| Description | CSS Variable | Utility Class |
|---|
| Ease In Out strength 1. | --o-ease-in-out-1 | o-ease-in-out-1 |
| Ease In Out strength 2. | --o-ease-in-out-2 | o-ease-in-out-2 |
| Ease In Out strength 3. | --o-ease-in-out-3 | o-ease-in-out-3 |
| Ease In Out strength 4. | --o-ease-in-out-4 | o-ease-in-out-4 |
| Ease In Out strength 5. | --o-ease-in-out-5 | o-ease-in-out-5 |
| Description | CSS Variable | Utility Class |
|---|
| Ease Elastic strength 1. | --o-ease-elastic-1 | o-ease-elastic-1 |
| Ease Elastic strength 2. | --o-ease-elastic-2 | o-ease-elastic-2 |
| Ease Elastic strength 3. | --o-ease-elastic-3 | o-ease-elastic-3 |
| Ease Elastic strength 4. | --o-ease-elastic-4 | o-ease-elastic-4 |
| Ease Elastic strength 5. | --o-ease-elastic-5 | o-ease-elastic-5 |
| Description | CSS Variable | Utility Class |
|---|
| Ease Squish strength 1. | --o-ease-squish-1 | o-ease-squish-1 |
| Ease Squish strength 2. | --o-ease-squish-2 | o-ease-squish-2 |
| Ease Squish strength 3. | --o-ease-squish-3 | o-ease-squish-3 |
| Ease Squish strength 4. | --o-ease-squish-4 | o-ease-squish-4 |
| Ease Squish strength 5. | --o-ease-squish-5 | o-ease-squish-5 |
| Description | CSS Variable | Utility Class |
|---|
| Ease Steps strength 1. | --o-ease-step-1 | o-ease-step-1 |
| Ease Steps strength 2. | --o-ease-step-2 | o-ease-step-2 |
| Ease Steps strength 3. | --o-ease-step-3 | o-ease-step-3 |
| Ease Steps strength 4. | --o-ease-step-4 | o-ease-step-4 |
| Ease Steps strength 5. | --o-ease-step-5 | o-ease-step-5 |