css - on:hover css3アニメーションを一時停止して背景​​色を変更することは可能ですか?

Question

<a>キーフレームを使用して、リンクのフォントの色を常に変更しています。On:hoverアニメーションを停止して font-color を定義できるようにしたい。

@-webkit-keyframes fontt {
  0%, 100% {font-size:50px;color:black;}      
  50% {color:red;}}
#box a {-webkit-animation: fontt 2s infinite;}
#box a:hover {color:#4480e8;-webkit-animation-play-state: paused;
}

キーフレームを一時停止して、フォントの色を変更することはできますか?

使ってみ!importantた、

color:red;命名規則を変えてみました ( a:hover, #box a:hover,#box:hover a

キーフレームを一時停止すると、私の:hover. 優先度を設定する方法はありますか？

例: http://jsfiddle.net/rvBS2/