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

オンラインで CSS の影を作成

水平・垂直オフセット、ぼかし半径、広がり、色、インセット切り替えを調整して完璧な影を作成できます。CSS 出力はリアルタイムで更新されるので、そのままスタイルシートに貼り付けられます。

すべてブラウザ内でローカルに実行——作業がデバイスから出ることはありません。

よくある質問

複数の影を使えますか？ はい——生成された値をコピーし、CSS 内でカンマ区切りで複数の値を指定できます。

データは送信されますか？ いいえ——すべてブラウザ内で処理されます。