|
|
@ -23,6 +23,16 @@ |
|
|
15,36 16.3809,34.9063 16.3809,34.9063C |
|
|
15,36 16.3809,34.9063 16.3809,34.9063C |
|
|
16.3809,34.9063 10.1309,30.9062 16.6309,19.9063 Z"/> |
|
|
16.3809,34.9063 10.1309,30.9062 16.6309,19.9063 Z"/> |
|
|
</Template> |
|
|
</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> |
|
|
</Styles.Resources> |
|
|
<Style Selector="Border.Test"> |
|
|
<Style Selector="Border.Test"> |
|
|
<Setter Property="Margin" Value="15"/> |
|
|
<Setter Property="Margin" Value="15"/> |
|
|
@ -33,12 +43,9 @@ |
|
|
</Style> |
|
|
</Style> |
|
|
<Style Selector="Border.Rect1:pointerover"> |
|
|
<Style Selector="Border.Rect1:pointerover"> |
|
|
<Style.Animations> |
|
|
<Style.Animations> |
|
|
<Animation Duration="0:0:2.5" |
|
|
<Animation Duration="0:0:2.5" |
|
|
RepeatBehavior="Repeat" |
|
|
RepeatBehavior="Repeat" |
|
|
RepeatCount="4" |
|
|
RepeatCount="4" FillMode="None" PlaybackDirection="AlternateReverse" Easing="SineEaseInOut"> |
|
|
FillMode="None" |
|
|
|
|
|
PlaybackDirection="AlternateReverse" |
|
|
|
|
|
Easing="SineEaseInOut"> |
|
|
|
|
|
<TransformKeyFrames Property="RotateTransform.Angle"> |
|
|
<TransformKeyFrames Property="RotateTransform.Angle"> |
|
|
<KeyFrame Cue="0%" Value="0"/> |
|
|
<KeyFrame Cue="0%" Value="0"/> |
|
|
<KeyFrame Cue="100%" Value="0"/> |
|
|
<KeyFrame Cue="100%" Value="0"/> |
|
|
@ -69,6 +76,23 @@ |
|
|
</Animation> |
|
|
</Animation> |
|
|
</Style.Animations> |
|
|
</Style.Animations> |
|
|
</Style> |
|
|
</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 Selector="Border.Rect3:pointerover"> |
|
|
<Style.Animations> |
|
|
<Style.Animations> |
|
|
<Animation Duration="0:0:3" Easing="BounceEaseInOut"> |
|
|
<Animation Duration="0:0:3" Easing="BounceEaseInOut"> |
|
|
@ -108,11 +132,12 @@ |
|
|
<ScaleTransform/> |
|
|
<ScaleTransform/> |
|
|
</TransformGroup> |
|
|
</TransformGroup> |
|
|
</Border.RenderTransform> |
|
|
</Border.RenderTransform> |
|
|
<!-- <Border.Transitions> |
|
|
<!-- <Border.Transitions><Transitions><DoubleTransition Property="Border.Opacity" Duration="0:0:2.5"/></Transitions></Border.Transitions> --> |
|
|
<Transitions> |
|
|
</Border> |
|
|
<DoubleTransition Property="Border.Opacity" Duration="0:0:2.5"/> |
|
|
<Border Classes="Test Rect2a" Background="Transparent"> |
|
|
</Transitions> |
|
|
<Border.RenderTransform> |
|
|
</Border.Transitions> --> |
|
|
<ScaleTransform/> |
|
|
|
|
|
</Border.RenderTransform> |
|
|
</Border> |
|
|
</Border> |
|
|
<Border Classes="Test Rect2" Background="DarkMagenta"> |
|
|
<Border Classes="Test Rect2" Background="DarkMagenta"> |
|
|
<Border.RenderTransform> |
|
|
<Border.RenderTransform> |
|
|
|