按鈕上的CSS3顏色轉換

Question

我似乎無法讓我的按鈕更改CSS3轉換顏色。我已經成功地在標籤上使用了相同的代碼，但沒有這個按鈕。

下面的代碼：

.button { 
    position:absolute; 
    width: 135px; 
    height: 46px; 
    background-color: #ef6529; 
    text-decoration: none; 
    border-radius: 4px; 
    -moz-border-radius: 4px; 
    border: 1px solid #c33b00; 
    box-shadow: 0px 4px 0px #af5a5a; 
    -moz-box-shadow: 0px 4px 0px #af5a5a; 
    -webkit-box-shadow: 0px 4px 0px #af5a5a; 
    -webkit-transition:color 1s ease-in; 
    -moz-transition:color 1s ease-in; 
    -o-transition:color 1s ease-in; 
    transition:color 1s ease-in; 
} 

.button:hover { 
    width: 135px; 
    height: 46px; 
    background-color: #ff6726; 
    border-radius: 4px; 
    -moz-border-radius: 4px; 
    border: 1px solid #c33b00; 
    text-decoration: none; 
} 

和HTML：

<a href="#" class="button"> 
    <!--<h2>PUSH ME!</h2>--> 
</a> 

乾杯！

Answer 1

您還沒有指定按鈕的顏色。我認爲你想過渡背景顏色insted。只需將transition:color 1s ease-in;更改爲transition: background-color 1s ease-in;即可。