純圖層樣式構建水晶按鈕,無需繪畫,可無限縮放、一鍵換色。核心樣式組合:斜面浮雕(內凸/玻璃輪廓)+ 漸層疊加(透明度漸變)+ 內陰影(邊緣折射)+ 投影(懸浮感)+ 圖案疊加(細微紋理)。
參考成品
關鍵參數邏輯
- 填充 0%,所有視覺由圖層樣式產生。
- 斜面浮雕:風格「內凸」,技巧「軟化斜面」,光暈/陰影模式用「線性加深/線性減淡」模擬玻璃折射高光暗部。
- 漸層疊加:透明度漸變(不透明→透明),角度 90°,模式「正常」,模擬玻璃厚度光線穿透遞減。
- 內陰影:距離 0、擴大適中、大小較大,顏色深藍/紫,模式「正片疊底」,模擬邊緣折射暗部。
- 投影:距離 3-5px、大小 5-8px、不透明度 30% 左右,分離按鈕與背景。
- 圖案疊加:細微雜色/織物紋理,不透明度 5-10%,增加材質真實感。
狀態擴展
複製按鈕組,修改漸層疊加顏色/斜面浮雕光源角度,快速產出 Hover/Active/Disabled 狀態,保持視覺一致性。