css - ホバー時に遷移色がフェードしますか?

Question

h3これをホバー時にフェードさせようとしています。誰かが私を助けることができますか？

HTML

<h3 class="clicker">test</h3>

CSS

.clicker {
    -moz-transition:color .2s ease-in;
    -o-transition:color .2s ease-in;
    -webkit-transition:color .2s ease-in;
    background:#f5f5f5;padding:20px;
}

.clicker:hover{
    background:#eee;
}

Answer 1

何をフェードしたいですか？backgroundまたは属性color？

現在、背景色を変更していますが、色のプロパティを移行するように指示しています。allすべてのプロパティを移行するために使用できます。

.clicker { 
    -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in;
    background: #f5f5f5; 
    padding: 20px;
}

.clicker:hover { 
    background: #eee;
}

それ以外の場合は、 を使用してtransition: background .2s ease-inください。