Power App Animation Tricks

Animation requires the use of timers to allow for properties to change over time.

Fade Text In

On the Color option, use the following code to adjust the alpha part of the RGBA option:

```powerfx
timer.Value / timer.Duration
```

timer.Value: is the current value of the timer, in milliseconds

timer.Duration: is the duration the timer will run for.

The alpha parameter of RGBA expects a decimal value <= 1.

Move Text

Below examples were derived from a Reddit post.

Right to Left

On the X option, use the following code to adjust moving the text.

The below example is moving text from right to left.

```powerfx
ScreenWidth - (PixelsToMove * (timer.Value / timer.Duration)) * (2 - (timer.Value / timer.Duration))
```

Left to Right

As above, however should move from left to right.

```powerfx
PixelsToMove * (timer.Value / timer.Duration)) * (2 - (timer.Value / timer.Duration)
```