立即致電查詢!
電話: 3590-9591

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

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

Blur Menu Screenshot

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

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

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


原文網址:
https://www.aveego.com/html/o_37359_0_/網頁設計實驗室-css3朦朧效果菜單.html
原文作者︰

更多網頁設計新聞

我們的客戶

我們的客戶