WPF - Trigger(Ellipse에서의 DoubleAnimation)

<Canvas><Ellipse Width="50" Height="50" Fill="Red" Canvas.Left="0" Canvas.Top="0">

<Ellipse.Triggers><!--click이벤트는 지원x-->

<EventTrigger RoutedEvent="Ellipse.MouseDown">

<BeginStoryboard>

<Storyboard SpeedRatio="1">

<!--SpeedRatio : 애니메이션 진행속도 - "1"이면 1배속-->

<DoubleAnimation

Storyboard.TargetProperty="(Canvas.Left)"

From="0" To="250"

Duration="0:0:3"

AutoReverse="True"

RepeatBehavior="5x"/>

<DoubleAnimation

Storyboard.TargetProperty="(Canvas.Top)"

From="0" To="450"

Duration="0:0:1"

AutoReverse="True"

RepeatBehavior="5x"

AccelerationRatio="1"/>

<!--AccelerationRatio : 0~1(디폴트0) 증가하는 속도(비율) 바닥으로 갈수록 빨라짐(중력이 있는듯)-->

<!--DeccelerationRatio : AccelerationRatio와 반대로 위쪽으로 갈수록 빨라짐(역중력느낌?)-->

</Storyboard>

</BeginStoryboard>

</EventTrigger></Ellipse.Triggers></Ellipse></Canvas>