悬停时过渡颜色褪色？

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.