デザイン
CSSボックスシャドウジェネレーター
入力
オフセット、ぼかし、広がり、色を調整して CSS box-shadow を作成します。
Offset X10px
Offset Y10px
Blur20px
Spread0px
負のオフセットを使うと影を左や上に移動できます。
出力
box-shadow: 10px 10px 20px 0px rgba(0,0,0,0.2);よくある質問
box-shadowの主要パラメータは？
offset-x/y、blur、spread、color、inset などです。
ニューモーフィズム風の影はどう作る？
明るい影と暗い影を逆方向に重ねて立体感を作ります。
影を複数重ねられますか？
はい。カンマ区切りで複数シャドウを同時指定できます。