css3 - CSS转换无法工作?

  显示原文与译文双语对照的内容

我似乎无法让css转换工作,因为某些原因。 我相信这是个很简单的错误。 但我已经hitting了一个小时了。 我在 Windows 7 64位上使用 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>

时间:

你需要使用 -moz- 前缀,因为它还没有标准化。 所以:


-moz-transition: color 1s ease-in-out;

css转换是实验性的,但在某些引擎中实现。 你需要使用特定的属性:


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

...