html - 悬停时更改 devicons 的颜色

Question

我正在尝试在我的网站中实现 devicons，我已经成功地做到了，但是当我将鼠标悬停在它们上面时，颜色并没有改变。

HTML 代码:

<div class="devicons devicons-java"> </div>

CSS 代码:

.devicons {
    font-size: 150px;
    align-content: center;
    position: relative;
    text-align: center;
}
.devicons.active:hover {
    color: orange;
    -webkit-transition: width 2s;
    transition: width 2s;
}

.devicons {
    font-size: 150px;
    align-content: center;
    position: relative;
    text-align: center;
}
.devicons.active:hover {
    color: orange;
    -webkit-transition: width 2s;
    transition: width 2s;
}

<div class="devicons devicons-java"> ABCD </div>

但这在悬停时没有任何作用？我不确定现在该做什么？有人可以给我一个想法吗？

Answer 1

您好，这是悬停以及您想要的悬停效果:

.button:hover {
   position: absolute;
   transition: 1.9s;
   color:orange;
   opacity: 1;
}