DESIGNER TOOL

CSS Box Shadowジェネレーター

影の位置・ぼかし・広がり・色を調整しながら、box-shadowのCSSを生成できます。

Box Shadowを作成

0px
12px
30px
0px
18%

使い方

  1. X・Y位置、ぼかし、広がりを調整します。
  2. 影の色と透明度、必要に応じて内側の影を設定します。
  3. 生成されたbox-shadowをコピーします。

CSS Box Shadowジェネレーターについて

CSSのbox-shadowを視覚的に調整できるジェネレーターです。