Do your screens look static and boring?

Let's explore how to animate these icon widgets, so they can jump or spin.

First, find the animate pattern on the left and drag once for every icon we want to animate. Then, place the icon widget inside.

Click on the Animate properties and select an animation type from the drop-down.

After publishing the app, we can configure the animations to run more than once.

Let's configure them to repeat indefinitely: open the screen's CSS and type the pattern name class "animate", use the CSS property "animation iteration count", and attribute the value "infinite".

Now, let's publish the app again, and all animated widgets will loop their animation!