WPF Button Animation -

I have a control template for such buttons that looks like this:

  & Amp; Control; X: Key = "CopyButton" TargetType = "{x: type button}" & gt; & Lt; TextBlock horizontal alignment = "center" vertical alignment = "center" text = "> gt;>> gt; & gt; & Gt; & Lt; / ControlTemplate & gt;  

How can I go about animating it so that when the mouse is hovering over the mouse button, "move" I mean the text "gt;", "gt ;> ">">>>>>>>>>>>>>>>>>>>>>>>> , "& Gt; & gt;", "& gt;" in a repeat

You can use a string animation. The result is that I do not see the most professional in my opinion.

  & lt; Button name = "myAnimatedButton" width = "200" content = "& gt;" & Gt; & Lt; Button.Triggers & gt; & Lt; EventTrigger Routing Avent = "Button.Messenger" & gt; & Lt; BeginStoryboard & gt; & Lt; Storyboard & gt; & Lt; String animation tool keyframe storyboard TargetName = "myAnimatedButton" storyboard. TargetProperty = "(button content)" AutoReverse = "True" & gt; & Lt; Discrete string keyframe value = "& gt;" The time = "0: 0: 0" /> & Lt; DiscreteStringKeyFrame value = "& gt; & gt;" The time = "0: 0: 1" /> & Lt; DiscreteStringKeyFrame value = "> gt; & gt;" Key = "0: 0: 2" /> & Lt; DiscreteStringKeyFrame value = "> gt;>>> The time = "0: 0: 3" /> & Lt; DiscreteStringKeyFrame value = "> gt; & gt;" Key = "0: 0: 4" /> & Lt; DiscreteStringKeyFrame value = "& gt; & gt;" The time = "0: 0: 5" /> & Lt; Discrete string keyframe value = "& gt;" Key = "0: 0: 6" /> & Lt; / StringAnimationUsingKeyFrames & gt; & Lt; / Storyboard & gt; & Lt; / BeginStoryboard & gt; & Lt; / EventTrigger & gt; & Lt; /Button.Triggers> & Lt; / Button & gt;