2011-12-13 100 views
1

下面是示例代碼:Linky某處有問題,我的CSS過渡

我想要做的就是過渡的顏色,背景和透明度。我工作,如果我這樣做:

transition: all .3s ease-in; 

但是,當我嘗試單獨做他們沒有一個工作。我認爲這是語法,但我已經花了太久的時間來解決它,我希望你們能幫助我。

回答

1

它的工作。您沒有爲懸停狀態設置轉換值。但是所有元素都在MouseOut上轉換。如果您想在那裏轉換,請爲懸停狀態添加轉場。

與大量CSS不同,轉換需要您將屬性置於兩種狀態,不會繼承轉換。

All I added was a transition for the hover....

+0

你是在暗示我謹轉變從'了'爲錨懸停狀態? –

+0

我添加了以下內容,它似乎給我我正在尋找的東西......'-webkit-transition-property:color,opacity; -webkit-transition-duration:.5s,1s;' –

+0

是的。對不起,如果我不清楚。在鏈接狀態和懸停狀態都需要轉換屬性才能在兩者之間轉換。基本上,如果您沒有過渡屬性,那麼過渡屬性意味着「從現在過渡到(此)」,然後瀏覽器不知道您想要過渡。 – Scott