CSS转换不起作用？

我似乎无法让css转换工作出于某种原因。我相信这是一个非常简单的错误。但是我现在一直在头撞墙。我在Windows 7 64bit上使用mozilla firefox 4.0.1。CSS转换不起作用？

<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>

来源

2011-05-14 Zachary

看看我写的教程，如果你想了解更多：http://css3.bradshawenterprises.com – 2011-05-14 22:22:22

您需要使用-moz-前缀，因为它尚未标准化。所以：

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

来源

2011-05-14 20:27:46 Andrea

谢谢，我忘了这一点。 – Zachary 2011-05-14 20:30:35

css转换是实验性的，但在一些引擎中实现。您需要使用特定属性：

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

来源

2011-05-14 20:28:19 sitifensys

请注意，实验也意味着语法可能会发生变化。 – sitifensys 2011-05-14 20:30:08

我明白，我只是忘了这是一个新的CSS属性，仍然需要浏览器特定的前缀。 – Zachary 2011-05-14 20:37:37

当IE10pp2出现时，可能会出现-ms-transition。 – 2011-05-14 22:21:49

这可能与jQuery/jQuery用户界面也做了，所以我就在所有的浏览器在这里工作=） http://docs.jquery.com/UI/Effects/ClassTransitions

来源

2011-05-14 21:34:17

你应该看看的SASS框架CSS创作。您不必担心实验依赖性，因为框架会为您处理所有这些问题。

来源

2011-05-15 00:30:16 iGbanam

CSS转换不起作用？

回答

相关问题