Hello Sharon,
I am glad you liked the demo.
No rad control was used when creating the flip on MouseOver. We just handle the MouseEnter and MouseLeave events and trigger an animation.
If you want to have a look at the code please download the controls and after installation you will find a solution for the demos installed. In it look for the QuickStartUI_SL project and the HomePageView.xaml. In it look for this particular piece of code.
<i:Interaction.Triggers>
<i:EventTrigger EventName="MouseEnter">
<i:Interaction.Behaviors>
<ei:ConditionBehavior>
<ei:ConditionalExpression>
<ei:ComparisonCondition LeftOperand="{Binding IsDropDownOpen, ElementName=searchCombo}" RightOperand="False"/>
<ei:ComparisonCondition LeftOperand="{Binding IsOpen, ElementName=allProducts}" RightOperand="False"/>
<ei:ComparisonCondition LeftOperand="{Binding IsFocused, ElementName=searchCombo}" RightOperand="False"/>
</ei:ConditionalExpression>
</ei:ConditionBehavior>
</i:Interaction.Behaviors>
<ei:ControlStoryboardAction Storyboard="{StaticResource Controlshighlight_Enter}"/>
</i:EventTrigger>
<i:EventTrigger EventName="MouseLeave">
<i:Interaction.Behaviors>
<ei:ConditionBehavior>
<ei:ConditionalExpression>
<ei:ComparisonCondition LeftOperand="{Binding IsDropDownOpen, ElementName=searchCombo}" RightOperand="False"/>
<ei:ComparisonCondition LeftOperand="{Binding IsFocused, ElementName=searchCombo}" RightOperand="False"/>
</ei:ConditionalExpression>
</ei:ConditionBehavior>
</i:Interaction.Behaviors>
<ei:ControlStoryboardAction Storyboard="{StaticResource Controlshighlight_Leave}"/>
</i:EventTrigger>
</i:Interaction.Triggers>
You should also keep in mind that the interactions are using Blend's Interactions and Interactivity DLLs.
Let me know if there is anything else.
Best wishes,
Kalin Milanov
the Telerik team