The current edition of the YouTube UI features an animated play/pause button as part of its video toolbar. I thought it would be cool to show how you can build an animated button using Axure RP that works just like the YouTube version. The technique involves the use of a dynamic panel widget (to serve as a mask), a variable, and the “set size” and “rotate” actions. Click this gif to checkĀ out a live example here, on Axure Share:

Animation of a mouse cursor clicking several YouTube play/pause buttons

And click here to download the .rp file.

Enjoy!

Share this: