ボックスシャドウジェネレーター
レイヤーを重ねて奥行きを表現できます。光源を動かし、柔らかさや色を調整して、そのまま使える影のコードをコピーしましょう。
ライブプレビュー
光源をドラッグするか、矢印キーで選択中の影を動かします。
影のレイヤー
最大 8 レイヤー。最初の有効なレイヤーが一番上に表示されます。
box-shadow: 0px 12px 32px -8px #0f172a33;
すべての処理はブラウザー内で完結します。
関連ツール
形式の参考資料
ツールページの更新日：
レイヤーを重ねて奥行きを表現できます。光源を動かし、柔らかさや色を調整して、そのまま使える影のコードをコピーしましょう。
光源をドラッグするか、矢印キーで選択中の影を動かします。
最大 8 レイヤー。最初の有効なレイヤーが一番上に表示されます。
box-shadow: 0px 12px 32px -8px #0f172a33;
すべての処理はブラウザー内で完結します。
ツールページの更新日：