ToolBoxy
🎨

CSSボックスシャドウ生成

css · box-shadow · shadow · generator · design

0px
4px
6px
-1px
box-shadow: 0px 4px 6px -1px #00000019;

使い方

  1. 1

    プリセットを選ぶかスライダーで影を調整します。

  2. 2

    色と内側の影を設定します。

  3. 3

    生成された box-shadow CSS をコピーします。

FAQ

このツールは無料ですか?

はい、登録もインストールも不要で、すぐに完全無料で使えます。

このツールはどんなツールですか?

多層CSSボックスシャドウをビジュアルで作成 — X・Y・blur・spread・色・不透明度・insetをライブプレビューで調整 登録もインストールも不要で、ページを開けばすぐに無料でお使いいただけます。