CSSボックスシャドウジェネレーター
スライダーを使用してCSSボックスシャドウを視覚的にデザインします。カード要素で効果をプレビューし、生成されたCSSコードを即座にコピーできます。
1こんな時に使えます
💡ボタンやカードUIに奥行きを追加する
💡ソフトシャドウ効果を実験する
💡手動でCSSコードを書くのが面倒な時
2特徴
- すべてのプロパティのインタラクティブなスライダー
- リアルタイムプレビュー
- 内側シャドウ（inset）サポート
- ワンクリックCSSコピー
3使い方
- XおよびYオフセット、ぼかし、広がりの半径を調整します。
- 影の色と不透明度を変更します。
- 内側の影には「内側シャドウ」を切り替えます。
- CSSコードをプロジェクトにコピーします。
よくある質問
Q. 広がり半径とは何ですか？
A. 広がり半径は影のサイズを拡大または縮小します。正の値で大きくなり、負の値で小さくなります。