Html 链接上的CSS3动画

我有一个链接，可以使用

：hover

状态更改颜色

我有4个链接。它们是灰色的，在“悬停”时变为黑色

其中一个链接，我创建了一个CSS3动画，从黑色开始慢慢变为灰色。然而，原来的

：hover

状态不起作用

如果我有CSS3动画，我可以让链接上的

：hover

状态工作吗

HTML代码

<a href="#" class="Terms-Service">Terms of Service</a>&nbsp;&nbsp;|&nbsp;&nbsp;
<a href="#">Privacy Policy</a>&nbsp;&nbsp;|&nbsp;&nbsp;
<a href="#">Use Policy</a>&nbsp;&nbsp;|&nbsp;&nbsp;
<a href="#">Anti-Spam Laws</a>

---

你的代码不完整…检查我的检查这是你试图使一个动画悬停休息只是普通悬停颜色的变化这里检查它在chrome/Firefox谢谢大家，我得到了它的工作。

a {
color: #7d7a78;
}
.login-section .bottom-links a:hover {
color: #4e4b49;
}

.Terms-Service {
-webkit-animation: go-black 5s 1;
animation: go-black 5s 1;
-webkit-animation-fill-mode: forwards;
}
@-webkit-keyframes go-black {
from {color: #4e4b49;}
to {color: #7d7a78;}
}