CSS顏色轉換不起作用：懸停

Question

使用CSS的另一個問題。

我希望頭部的背景顏色從懸停時（由於多個站點具有不同的顏色）當前轉換到另一個。

我做了一個CSS-transition-animation它，但它似乎並沒有工作。 我在做什麼錯？

 #header 
    { 
    background-color: #3cff9c; 
    float: left; 
    text-align: center; 
    width: 100%; 
    } 

    #header:hover 
    {   
    /*Animation*/ 
    -webkit-animation: colorChange_blue 1s; /* Safari, Chrome, Opera*/ 
    -moz-animation: colorChange_blue 1s; /*Firefox*/ 
    animation: colorChange_blue 1s; /*Standard*/ 

    /*Safari, Chrome, Opera*/ 
    @-webkit-keyframes colorChange_blue 
    { 
    from 
     {background-color;} 
    to 
     {background-color: #008c74;} 
    } 

    /*Firefox*/ 
    @-moz-keyframes colorChange_blue 
    { 
    from 
     {background-color: currentColor;} 
    to 
     {background-color: #008c74;} 
    } 

    /*Standard*/ 
    @keyframes colorChange_blue 
    { 
    from 
     {background-color: currentColor;} 
    to 
     {background-color: #008c74;} 
    } 
} 

Answer 1

如何解決它沒有關鍵幀和標準懸停與轉換？

#header { 
 
    height: 50px; 
 
    width: 100px; 
 
    background-color: #3cff9c; 
 
    transition: background-color 1s; 
 
} 
 

 
#header:hover {   
 
    background-color: #008c74; 
 
}

<div id="header"></div>