菜单 css3 和具有模糊效果的 jquery

Question

我在网站上的菜单有问题：http：//goo.gl/xc1e5f

当您将鼠标悬停在"周围"按钮上时，其他按钮会永久效果。我想让这种模糊一秒钟后消失（那是没有）。（就像当您使用相机一起使用自动焦点时，它会调整焦点然后消失）

）

有人可以帮我吗？谢谢！

Answer 1

css3动画应该是您的解决方案：

@keyframes myfirst{
    0%   {
        background: transparent;
        color: #000;
        text-shadow: 1px 1px 10px rgba(255, 255, 255, 0.6);
    }
    50%  {
        background:  rgba(255, 255, 255, 0.2);
        color: transparent;
        text-shadow: 0 0 5px #000000;
    }
    100% {
        background: transparent;
        color: #000;
        text-shadow: 1px 1px 10px rgba(255, 255, 255, 0.6);
    }
}

我已经创建了一个 fiddle 进行演示。