ドロップシャドウのスプレッド

drop-shadow-spread パラメーターは、ぼかしを適用する前に影の形状を拡大または縮小します。CSSの box-shadow プロパティのスプレッド値とまったく同じ挙動です。-100 から 100 のピクセル値を受け取り、デフォルトは 0 です。

正の値を指定すると影が被写体より大きくなり、重さや距離感が増して見えます。負の値を指定すると影が内側に縮まり、被写体からはみ出しがちな影を引き締められます。

drop-shadow-spread を読み取るのは drop-shadow-type が flat と inset の場合のみです。範囲外の値は範囲内に丸められます。

スプレッドは、ぼかし幅に加えてキャンバスの拡張量にも影響します。

Edit in Sandbox

Edit in Sandbox