前天看到一篇博，叫《我不是一個簡單的WEB UI》，寫得很好，設計也不錯，都讓我有聯系作者的沖動。其中給出的幾個設計對比确實就是設計中精益求精的表現。而實際上還會更細緻，比如他的局部對比已經可以看見設計差異化了，這讓設計師的工作效果瞬間展現出來，也會伴随着一陣成就感。
但是，還有很多更微妙的變化放在局部是看不出來的，必須當一切調整完，有了足夠的量變積累，再前後整體上對比的時候才會發現已然不同，才會跳向質變。而這就非常困難了，因為你必須從局部處理起，又無法立竿見影。厚積薄發，那個厚積是要人命的。
噢，扯哪裡去了，我要說的是文中的一張對比圖。嗯，這個那個，我給iciba打廣告了，這事兒有點意思～～～咦，這文居然是9月3日才發表的，很新啊～～～
右邊的按鈕是不是比左邊的靓麗多了去了。我要攻克的就是把這個按鈕，CSS3實作。
一直以來我都是用linear線性漸變來處理我們的按鈕包括高光，linear線性漸變是非常簡單的，效果也不錯。問題在于linear沒有辦法實作右邊那種漫射光按鈕。radial，我一直知道但是因為一直滿足于linear線性漸變就懶得研究。這兩天因為重構我們的排行榜加上看見了上面這個按鈕，我必須的，必須的攻克，而當我一摸到radial，靠，好燙，居然看不懂，網上也查不到詳細資料，一個屬性一個屬性的試了半天後才找到一些感覺，但是我還是做不出來，還得繼續搞。
當我攻克完後，我不但可以把排行榜的這張組合圖檔删了，而且随後把漫射光通過CSS照進全站後，視覺效果會狠狠上一個檔次，這就是我的動力啊，雞血啊～～～其實下面的效果也是可以用linear實作，因為可以把linear加在border-image上。
發文一小時後，已完美攻克radial，完全吃透包括橢圓光柱的實作！很興奮有點憋不住了，立刻全面應用，本周争取抽時間寫篇文章全面、隆重、詳細介紹Gradient:radial～～～
本文轉自爆牙齒部落格園部落格，原文連結：http://www.cnblogs.com/yuntian/archive/2010/09/07/1820721.html，如需轉載請自行聯系原作者