html - CSS 过渡不起作用？

Question

出于某种原因，我似乎无法使 css 转换正常工作。我确信这是一个非常简单的错误。但是我已经用头撞墙一个小时了。我在 Windows 7 64 位上使用 mozilla firefox 4.0.1。

<style>
a:link {
 transition: color 1s ease-in-out;
 color: #fff;
 text-decoration: none;
 text-shadow: 1px 1px #000;
}

a:hover {
 color: #0072bc;
 text-decoration: none;
 text-shadow: 1px 1px #000;
}
</style>
<a href="#">test</a>

Answer 1

css transition 是实验性的，但已在某些引擎中实现。您需要使用特定属性:

-moz-transition /* for gecko based like firefox*/
-webkit-transition /* for  chrome safari ... */
-o-transition /* for opera*/