Author: Tess | Posted on: 3/16/2009 3:07:00 AM | Views : 1110

I was working on some Silverlight samples and needed an image that could flip over as in the example below.



All the samples I could find on the net were pretty complex and contained a lot of code to do the animation and I wanted something really simple.

To create the illusion of an image that flips over (or any kind of UI element that flips over) you just need 4 things


1. A front image / UI element 2. A back image / UI element 3. A flip animation 4. A reverse animation

The flip and reverse animations can be very simple as you will see below. 

In order to make it reusable in our application we can create a UserControl and call it FlipImage

Go to the complete details ...