CSSボックスシャドウ生成ツール
ライブプレビューでCSSボックスシャドウを設計します。
box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.25);オフセット、ぼかし、広がり、色、不透明度を調整してbox-shadowを作成し、CSSをコピーします。
使い方
- スライダーをドラッグして影を整えます。
- 色と不透明度を選びます。
- CSSをコピーします。
よくある質問
- insetは何をしますか？
- 要素の外側ではなく内側に影を描画します。
- 影を重ねられますか？
- はい、複数のbox-shadowの値をカンマで区切って手動で組み合わせられます。