この道具の仕組み
CSS box-shadowの順序（inset、x、y、blur、spread、color）へ各入力値を配置します。
入力と結果の例
入力例
- 入力
- x0 / y8 / blur24 / spread-6
- 結果
- box-shadow: 0px 8px 24px -6px …
使う前に知っておくこと
- 01入力値や前提条件によって、実際の結果と差が出る場合があります。
- 02重要な判断に使う場合は、元資料や公式情報でも確認してください。
- 03極端に大きい値や長い入力では、ブラウザの数値・処理上限の影響を受けます。