TIPS
- まず小さく値を動かして、主張しすぎない見た目に寄せるのがコツです。
- 生成したCSSはそのままベースとして使えます。
Box Shadow生成とは
Box Shadow生成は、オフセットやぼかし量を調整しながら box-shadow の CSS を作れる無料オンラインツールです。
- インストール不要でブラウザからすぐ使えます。
- 短時間で確認したい開発・運用作業に向いた軽量設計です。
- コピーしやすい結果欄を用意しているため、日常作業の時短に役立ちます。
よくある質問
inset にも対応しますか？
はい。通常影と inset を切り替えられます。
そのまま CSS に貼れますか？
はい。box-shadow 宣言をそのままコピーできます。