CSSボックスシャドウ生成

スライダーでbox-shadowを直感的に調整。複数レイヤーを重ねて立体的な影を作成でき、CSSコードをワンクリックでコピーできます。

プレビュー

シャドウ 1

5px
5px
10px
0px
#000000
20%

生成コード

box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.2);
⚠️

※本ツールの結果はあくまで参考値です。正確性を保証するものではありません。