Power Apps – How to create a rotating gear animation

4 steps

Power Apps rotating gear animation GIF

Introduction:

Learn how to do basic animations in Power Apps like a rotating gear. Quick and easy!

Power Apps rotating gear animation 1

Step 1:

Have the following set-up:

  • An icon (Settings/gear shape) named Icon1
  • A timer named Timer1
power apps rotating gear animation image 2

Step 2:

In the Duration property of Timer1, put the following:

900
power apps rotating gear animation image 3

Step 3:

In the Repeat property of Timer1, put the following:

true
Power Apps rotating gear animation 4

Step 4:

In the Rotation property of Icon1, put the following:

Timer1.Value/10
Power Apps rotating gear animation GIF

Conclusion:

Click the timer and you will see the icon rotate! To make it rotate faster, you may change the Duration of Timer1.


Did this article help? Let us know how we can improve. Send us a message by clicking the “Contact Us” button below.

 

Last Updated: Feb 6, 2024


Need expert guidance on Power Apps?