DIV CSS 佈局教程網

一組按鈕效果：

第一步、畫一個略扁的圓，線形垂直填充。

第二步、復制這個圓，並且長和寬各減少4個像素，線形垂直填充。

第三步、再次復制這個圓，並且長和寬個減少18個像素，線形垂直填充。

第四步、繼續復制這個圓，用鋼筆工具調整到下圖形狀，線形填充100%~20%，透明度40%。

第五步、用鋼筆畫出下面兩個部分，耐心點調整放置於橢圓的下方形成3D效果。

第六步、關鍵的質感高光制作：用通常的上下兩個橢圓組合而成，用蒙板遮蓋掉多余部分，注意顏色搭配。

第七步、這個形狀隨便你了：投影，距離0，白色100%

第八步、最後把所有的組合起來，加上投影柔化4，距離4，角度270，黑色80%。