box-shadow の作成

影のずれ・ぼかし・広がり・色・透明度を指定して、CSS の box-shadow を作成します。ふんわりした影のプリセット付き。

登録不要・無料
ブラウザ内で処理
データ送信なし

プリセット

横のずれ（px）

縦のずれ（px）

ぼかし（px）

広がり（px）

色

不透明度（%）

内側の影（inset）

CSS

-

最終更新 2026-11-04

関連ツール

Web制作・SNS 角丸（border-radius）の作成四隅の角丸の大きさを指定して、CSS の border-radius を作成します。楕円や片側だけの角丸にも対応。 Web制作・SNS CSS clamp() の計算（レスポンシブな文字サイズ）画面幅に応じて文字サイズなどを滑らかに変える CSS の clamp() を、最小・最大のサイズと画面幅から計算します。 Web制作・SNS HTML の表（table タグ）の作成 Excel からコピーした表や CSV を、HTML の table タグに変換します。1行目を見出し（th）にできます。 Web制作・SNS HTML メールのプレビュー・チェック HTML メールのソースを貼り付けると、PC・スマホ幅でプレビューし、メールソフトで崩れやすい書き方を指摘します。