From Xojo Documentation


AddTransition(CSSPropertyName As String, Duration As Double, SpeedPattern As WebStyle.SpeedPatterns, Delay As Double = 0)

New in 2020r1

Supported for all project types and targets.

Adds a transition with the values passed.


The transition is triggered when the property whose name was passed is modified in another event. The transition will then be from the previous value to the new value.

The default SpeedPattern is EaseInOut.

Because WebStyles use CSS under the hood, there are many CSS properties that can be animated.

Sample Code

See the example in the Sample Code on the WebStyle entry.

See Also

RemoveTransition method.