網頁設計實驗室: CSS3朦朧效果菜單

由於用戶升級瀏覽器的行動始終都比較慢，故相信我們可以安心使用CSS3的日子仍然非常漫長，但一眾網頁設計師已忍不住嘗試利用新的技術去制作更亮麗的效果。今次介紹的是CSS3朦朧效果菜單，由於大量使用了CSS3，故大家希望欣賞的話，就要更新瀏覽器了﹗



原作者Mary Lou主要是把菜單先朦朧化(Blur)，而當mouse over的時候把菜單變回正常實色。朦朧化的效果在CSS3十分容易，只要把color設定為transparent，然後再調較text-shadow 就可以，而狀態轉換的動畫當然就利用transition及easing了。

雖然大致上都是利用相同的技術，但配合起動的確十分悅目，相比用Flash做菜單當然簡單很多，而且最重要是得到硬體加速，運行起來十分順暢。

筆者作為網頁設計師，真的希望更多大公司可以徹底不支援舊版瀏覽器，好逼使各大用戶快快升級﹗


原文網址:
http://www.aveego.com/html/o_37359_/網頁設計實驗室-css3朦朧效果菜單.html