ボックスシャドウジェネレーター

CSS box-shadowコードを視覚的に作成してコピーします。

背景

#e0e0e0

ボックスの色

#e0e0e0

ボーダー半径24px

border-radius: 24px;
background: #e0e0e0;
box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.25);

水平0px

垂直4px

ぼかし半径14px

拡散半径0px

影の色#000000

不透明度25%

おすすめのツール

役に立つかもしれない厳選されたツール

美しいカラーパレットを作成し、CSSコードをコピーします。

画像から色を抽出してデザインパレットを生成します。

CSSキーフレームアニメーションをビジュアルで作成します。

CSS線形・放射状グラデーションを作成します。

デザイン用の美しい有機的なSVGブロブ形状を生成します。

リアルタイムプレビューでフロストガラスCSSエフェクトを作成します。

複雑なCSSクリップパスを視覚的にデザインします。

美しいCSSボタンをデザインしてエクスポートします。