具有伪悬停的类中的CSS转换

Question

好的，所以我无法弄清楚为什么这不起作用。 淡入淡出的悬停效果似乎并不适用于此。

的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

谢谢！

Answer 1

您的webkit-transition: all 10.0s ease;在开头缺少短划线。将其更改为：

-webkit-transition: all 10.0s ease;