CSS 工具

調整預覽背景、Box Shadow、Gradient 與 Border Radius,並即時預覽輸出。

適合快速試出 UI 卡片外觀,並依照目前設定複製原生 CSS。
預覽顏色
調整預覽畫布背景,以及 Gradient 停用時的卡片背景色。

只有 Gradient 停用時才會套用卡片背景色。

Box Shadow
調整陰影位置、模糊、擴張與透明度。
Gradient
建立線性漸層並控制角度與中間色。
Border Radius
分別調整四個角的圓角值。
即時預覽
只有已啟用的效果會套用在此預覽。

Preview

Shadow

#0f172a

Gradient

#06b6d4

CSS 輸出
可直接貼到 stylesheet 的 CSS 片段。
CSS 工具 | Widget Polymer