Transitions

User Interface Transitions

User Interface Transitions are transitions that occur when opening or closing User Interfaces.


User Interface Transitions


Fade In

Fade In is a transition that allows for a fade-in from a solid color to the screen.

Properties

System

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

Fade Out is a transition that allows for a fade-out from a solid color to the screen.

Properties

System

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

Instant is a transition that instantly occurs.

Note: No properties are available for this transition, as it occurs instantly.


Movement

Movement is a transition that moves a user interface into the screen based on pixel or relative coordinates.

Properties

System

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