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!