好的,所以我不明白为什么这不起作用。 带有淡入的悬停效果似乎不适用于此。
CSS
.panel_button {
}
.panel_button a {
webkit-transition: all 10.0s ease;
-moz-transition: all 10.0s ease;
transition: all 10.0s ease;
background-color: #000;
display: block;
width: 50%;
height: 160px;
color: #000099;
font-family: Arial, Helvetica, sans-serif;
}
.panel_button a:hover {
background: #808080;
color: #FFFFFF;
}
标题页
<div class="panel_button" style="display: visible;"> <a href="#">BLOG</a> </div>
实现该代码的网站在niu-niu.org
谢谢!
最佳答案
您的 webkit-transition: all 10.0s ease;
缺少开头的破折号。将其更改为:
-webkit-transition: all 10.0s ease;
关于具有伪悬停的类中的 CSS 过渡,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7142736/