阴影不执行过渡
我知道这可能是一个骗局，但我愿意接受这一打击，因为我确信我已经研究了多种解决方案。
我已经尝试了很多方法来实现这个盒子阴影转换，包括：
box-shadow声明中切换hex，rgb和rgba颜色。 transition属性以包含ease-in-out 。 transition属性的CSS文件。 检查员说我的风格没有被覆盖。 这是我的代码：
.site-header .genesis-nav-menu .menu-item a {
-webkit-box-shadow: 3px 3px 14px rgb(0,0,0) inset;
-moz-box-shadow: 3px 3px 14px rgb(0,0,0) inset;
-o-box-shadow: 3px 3px 14px rgb(0,0,0) inset;
box-shadow: 3px 3px 14px rgb(0,0,0) inset;
-webkit-transition: box-shadow 3s;
-moz-transition: box-shadow 3s;
-o-transition: box-shadow 3s;
transition: box-shadow 3s;
}
.site-header .genesis-nav-menu .menu-item a:hover{
-webkit-box-shadow: 3px 3px 14px rgb(0,0,0);
-moz-box-shadow: 3px 3px 14px rgb(0,0,0);
-o-box-shadow: 3px 3px 14px rgb(0,0,0);
box-shadow: 3px 3px 14px rgb(0,0,0);
}
这里可能发生什么事情导致此事无能为力？
这里有一个链接到我的网站的上下文体验。 它是页面右上角的标题菜单。
尝试：
.site-header .genesis-nav-menu .menu-item a {
-webkit-box-shadow: 0 0 0 rgba(0,0,0,0), 3px 3px 14px rgb(0,0,0) inset;
transition: box-shadow 3s;
}
.site-header .genesis-nav-menu .menu-item a:hover {
box-shadow: 3px 3px 14px rgb(0,0,0), 0 0 0 rgba(0,0,0, 0) inset;
}
使用transition：all; 而不是盒子阴影，应该解决你的问题
链接地址: http://www.djcxy.com/p/96211.html