CSS 黏土風格產生器

這個 CSS 黏土風格產生器可以快速建立柔軟、帶有黏土感立體陰影的 UI 區塊。你可以調整背景顏色、預覽尺寸、邊框圓角、陰影方向、深度、模糊與透明度，並直接複製產生的 CSS 套用到專案中。

Box

背景顏色

寬度

高度

邊框圓角 {{ radius }}px

Direction

Depth {{ depth }}px

Softness {{ blur }}px

X Offset

Y Offset

Blur {{ blur }}px

Outer {{ outerAlpha.toFixed(2) }}

Inner Dark {{ innerDarkAlpha.toFixed(2) }}

Inner Light {{ innerLightAlpha.toFixed(2) }}

{{ width }} x {{ height }}px

Clay

Copied!