|
|
@@ -23,6 +23,16 @@
|
|
|
15,36 16.3809,34.9063 16.3809,34.9063C
|
|
|
16.3809,34.9063 10.1309,30.9062 16.6309,19.9063 Z"/>
|
|
|
</Template>
|
|
|
+ <Template x:Key="Heart">
|
|
|
+ <Path Fill="Red" Stretch="Uniform" Data="
|
|
|
+ M 272.70141,238.71731
|
|
|
+ C 206.46141,238.71731 152.70146,292.4773 152.70146,358.71731
|
|
|
+ C 152.70146,493.47282 288.63461,528.80461 381.26391,662.02535
|
|
|
+ C 468.83815,529.62199 609.82641,489.17075 609.82641,358.71731
|
|
|
+ C 609.82641,292.47731 556.06651,238.7173 489.82641,238.71731
|
|
|
+ C 441.77851,238.71731 400.42481,267.08774 381.26391,307.90481
|
|
|
+ C 362.10311,267.08773 320.74941,238.7173 272.70141,238.71731 z "/>
|
|
|
+ </Template>
|
|
|
</Styles.Resources>
|
|
|
<Style Selector="Border.Test">
|
|
|
<Setter Property="Margin" Value="15"/>
|
|
|
@@ -33,12 +43,9 @@
|
|
|
</Style>
|
|
|
<Style Selector="Border.Rect1:pointerover">
|
|
|
<Style.Animations>
|
|
|
- <Animation Duration="0:0:2.5"
|
|
|
+ <Animation Duration="0:0:2.5"
|
|
|
RepeatBehavior="Repeat"
|
|
|
- RepeatCount="4"
|
|
|
- FillMode="None"
|
|
|
- PlaybackDirection="AlternateReverse"
|
|
|
- Easing="SineEaseInOut">
|
|
|
+ RepeatCount="4" FillMode="None" PlaybackDirection="AlternateReverse" Easing="SineEaseInOut">
|
|
|
<TransformKeyFrames Property="RotateTransform.Angle">
|
|
|
<KeyFrame Cue="0%" Value="0"/>
|
|
|
<KeyFrame Cue="100%" Value="0"/>
|
|
|
@@ -69,6 +76,23 @@
|
|
|
</Animation>
|
|
|
</Style.Animations>
|
|
|
</Style>
|
|
|
+ <Style Selector="Border.Rect2a">
|
|
|
+ <Setter Property="Child" Value="{StaticResource Heart}"/>
|
|
|
+ <Style.Animations>
|
|
|
+ <Animation Duration="0:0:0.5" Easing="QuadraticEaseInOut" RepeatBehavior="Loop">
|
|
|
+ <TransformKeyFrames Property="ScaleTransform.ScaleX">
|
|
|
+ <KeyFrame Cue="0%" Value="1"/>
|
|
|
+ <KeyFrame Cue="50%" Value="0.8"/>
|
|
|
+ <KeyFrame Cue="100%" Value="1"/>
|
|
|
+ </TransformKeyFrames>
|
|
|
+ <TransformKeyFrames Property="ScaleTransform.ScaleY">
|
|
|
+ <KeyFrame Cue="0%" Value="1"/>
|
|
|
+ <KeyFrame Cue="50%" Value="0.8"/>
|
|
|
+ <KeyFrame Cue="100%" Value="1"/>
|
|
|
+ </TransformKeyFrames>
|
|
|
+ </Animation>
|
|
|
+ </Style.Animations>
|
|
|
+ </Style>
|
|
|
<Style Selector="Border.Rect3:pointerover">
|
|
|
<Style.Animations>
|
|
|
<Animation Duration="0:0:3" Easing="BounceEaseInOut">
|
|
|
@@ -108,11 +132,12 @@
|
|
|
<ScaleTransform/>
|
|
|
</TransformGroup>
|
|
|
</Border.RenderTransform>
|
|
|
- <!-- <Border.Transitions>
|
|
|
- <Transitions>
|
|
|
- <DoubleTransition Property="Border.Opacity" Duration="0:0:2.5"/>
|
|
|
- </Transitions>
|
|
|
- </Border.Transitions> -->
|
|
|
+ <!-- <Border.Transitions><Transitions><DoubleTransition Property="Border.Opacity" Duration="0:0:2.5"/></Transitions></Border.Transitions> -->
|
|
|
+ </Border>
|
|
|
+ <Border Classes="Test Rect2a" Background="Transparent">
|
|
|
+ <Border.RenderTransform>
|
|
|
+ <ScaleTransform/>
|
|
|
+ </Border.RenderTransform>
|
|
|
</Border>
|
|
|
<Border Classes="Test Rect2" Background="DarkMagenta">
|
|
|
<Border.RenderTransform>
|