2011-05-14 151 views
1

我似乎無法讓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> 
+0

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

回答

0

您需要使用-moz-前綴,因爲它尚未標準化。所以:

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

謝謝,我忘了這一點。 – Zachary 2011-05-14 20:30:35

1

css轉換是實驗性的,但在一些引擎中實現。 您需要使用特定屬性:

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

請注意,實驗也意味着語法可能會發生變化。 – sitifensys 2011-05-14 20:30:08

+0

我明白,我只是忘了這是一個新的CSS屬性,仍然需要瀏覽器特定的前綴。 – Zachary 2011-05-14 20:37:37

+0

當IE10pp2出現時,可能會出現-ms-transition。 – 2011-05-14 22:21:49

0

你應該看看的SASS框架CSS創作。您不必擔心實驗依賴性,因爲框架會爲您處理所有這些問題。