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

すべてのツール
CSS ボックスシャドウジェネレーター
オフセット・ぼかし・スプレッド・色・不透明度・インセットをライブスライダーで調整してレイヤー付き CSS ボックスシャドウを作成し、実際の要素でプレビューしてすぐ使える CSS をコピーできます。
ライブプレビュー
ライブプレビュー
CSS
box-shadow: —;

すべてブラウザ内でリアルタイムに更新 — アップロード不要、登録不要、完全無料。

シャドウレイヤー
px
px
px
px
シャドウカラー
20%
要素とキャンバス
16px
プリセット
シェアする
関連ツール
メール署名ビルダー

30種類のテンプレートからプロフェッショナルな HTML メール署名をデザインし、カスタマイズして保存できます。
コードフォーマッター

HTML・CSS・JavaScript を整形 — 乱雑または縮小されたコードを読みやすくするため、インデントと改行を追加します。
QR コードジェネレーター

QR コード（URL、テキスト、Wi-Fi、vCard など）を PNG として作成します。
アイコンをPNGに変換

Bootstrap Icons・Font AwesomeなどをカスタムPNG画像に変換 — 無料、ブラウザで。
アプリアイコンジェネレーター

App Store と Google Play 向けの、ストアにすぐ公開できる完全なアプリアイコンセットを生成 — ロゴから作る上質なグラデーション、メッシュ、パターン背景。
favicon ジェネレーター

ロゴ、フォントアイコン、またはモノグラムから完全な favicon パッケージを作成 — favicon.ico、モダンな PNG、Apple タッチアイコン、PWA アイコン、ウェブマニフェスト、HTML スニペット。
人気の検索
css box shadow 生成 box shadow css シャドウ生成 オンライン css 影 作成 多重 box shadow inset shadow css

この無料ツールをあなたのウェブサイトに追加 — 下のコードをコピーして貼り付けてください。