Question

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

当您将鼠标悬停在“关于”按钮上时，其他按钮会永久显示效果模糊。我想让这种模糊在一秒后消失（没有）。（例如，当您使用相机进行自动对焦时，它会调整焦距然后消失）

有人能帮助我吗？谢谢！

Answer 1

css3 animation应该是您的解决方案：

@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 来演示它。

菜单css3＆amp;具有模糊效果的jquery

1 个答案: