CSSボックスシャドウ生成
スライダーでbox-shadowを直感的に調整。複数レイヤーを重ねて立体的な影を作成でき、CSSコードをワンクリックでコピーできます。
プレビュー
シャドウ 1
5px
5px
10px
0px
#000000
20%
生成コード
box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.2);⚠️
※本ツールの結果はあくまで参考値です。正確性を保証するものではありません。
スライダーでbox-shadowを直感的に調整。複数レイヤーを重ねて立体的な影を作成でき、CSSコードをワンクリックでコピーできます。
プレビュー
シャドウ 1
生成コード
box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.2);※本ツールの結果はあくまで参考値です。正確性を保証するものではありません。