具有伪悬停的类中的 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;