User Interface Transitions are transitions that occur when opening or closing User Interfaces.
Fade In is a transition that allows for a fade-in from a solid color to the screen.
| Name | Explanation | Type |
|---|---|---|
| Color | The solid color to fade from. | Color |
| Duration | The duration of the transition, in milliseconds. | Number |
| Easing Function | The easing function to determine the progress of the transition. | Easing Function |
Fade Out is a transition that allows for a fade-out from a solid color to the screen.
| Name | Explanation | Type |
|---|---|---|
| Color | The solid color to fade from. | Color |
| Duration | The duration of the transition, in milliseconds. | Number |
| Easing Function | The easing function to determine the progress of the transition. | Easing Function |
Instant is a transition that instantly occurs.
Note: No properties are available for this transition, as it occurs instantly.
Movement is a transition that moves a user interface into the screen based on pixel or relative coordinates.
| Name | Explanation | Type |
|---|---|---|
| End Pixel X | The ending X coordinate in pixels. | Number |
| End Pixel Y | The ending Y coordinate in pixels. | Number |
| End Relative X | The ending X coordinate in screen percentage. | Number |
| End Relative Y | The ending Y coordinate in screen percentage. | Number |
| Start Pixel X | The starting X coordinate in pixels. | Number |
| Start Pixel Y | The starting Y coordinate in pixels. | Number |
| Start Relative X | The starting X coordinate in screen percentage. | Number |
| Start Relative Y | The starting Y coordinate in screen percentage. | Number |
| Use Relative Coordinates | Whether or not to use relative coordinates. | Toggle |
| Duration | The duration of the transition, in milliseconds. | Number |
| Easing Function | The easing function to determine the progress of the transition. | Easing Function |