Цвет перехода исчезает при наведении?

Я пытаюсь заставить этот 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;
}

Ответы

Ответ 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.