菜單CSS3和jQuery的有模糊效果

Question

我有網站，我的菜單問題：http://goo.gl/xc1E5F

當你將鼠標懸停按鈕「關於」，其他按鈕具有模糊效果永久。 我想讓這個模糊在一秒鐘後消失（沒有）。 （例如，當你使用相機自動對焦，它調整焦點，然後消失）

有人可以幫助我嗎？ 感謝！

Answer 1

css3animation應該是您的解決方案：

@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來證明它。