A common design pattern when building user interfaces is to add icons that change with animation when the icon is clicked. For example, you might have a 'hamburger' icon that when clicked shows a menu. When the icon is clicked you might want it to animate into an different icon (say the 'X' icon) to indicate that clicking the icon will close the menu.

In this video we show how you can define two-state images.


Download Component:
http://alphamediacapture.s3.amazonaws.com/videos/twostateImage.zip