Question

我第一次来这里，请保持温柔。（我刚才意识到我去过这里了）！

我正试图用漂亮的淡入淡出来晃动一些翻车。但是网站布局不使用按钮，而是使用li

你可以在这里看到一个演示。 https://www.fireworkscrazy.co.uk/store_v8/

我希望顶部菜单上的鼠标悬停和侧面按钮淡化为红色。

我一直在玩过渡元素和a：hover：之前和a：hover：之后但无效，所以我想我会来这里问你天才。

提前致谢。

Answer 1

看起来当前的悬停效果设置为此（basic-style.css的第87行）：

.nav > li > a:hover{
    background-color: #f5f5f5;
    color: #262626;
}

如果您希望它转换为红色，只需将背景颜色更改为值“红色”或更改为您喜欢的红色阴影的十六进制代码。如果您希望它“淡出”，请尝试添加转换规则，例如：

.nav > li > a:hover{
    background-color: red;
    color:#fff; /*white will look better on a red background than dark gray */
    transition: 300ms;
}

在此处了解有关转化的详情：http://www.w3schools.com/css/css3_transitions.asp

UL和LI类的悬停效果

1 个答案: