ドロップシャドウのタイプ

drop-shadow-type

drop-shadow-type パラメーターは、drop-shadow が描画する影の種類を選択します。デフォルトは flat です。

値	影	読み取るパラメーター
`flat`（デフォルト）	CSSの `drop-shadow()` のように、被写体からオフセットした柔らかい影	`-x`、`-y`、`-spread`、`-color`
`cast`	光によって床に投げかけられる写実的な影	`-pose`、`-azimuth`、`-elevation`、`-softness`、`-falloff`、`-mode`、`-color`
`float`	浮いている被写体の下にできる柔らかい楕円形の影だまり	ホバーの間隔としての `-y`、`-color`
`inset`	画像の内側に落ちる影。へこみの表現やグロー効果に使用します	`-x`、`-y`、`-spread`、`-color`

認識できない値は flat にフォールバックし、X-Imgix-Params レスポンスヘッダーからも除外されます。

各タイプは上表のパラメーターのみを読み取り、それ以外は無視します。無視されたパラメーターは X-Imgix-Params にも表示されません。これはパラメーターが欠落したのではなく、正しい挙動です。

商品撮影では cast が適しています。シルエットをオフセットして複製するのではなく、被写体の形状とカメラの角度を読み取って床に沿った影を落とします。明るい drop-shadow-color と組み合わせた inset はグロー効果になります。

キャンバスが拡張されるのは flat、float、cast のみです。inset は既存の範囲内にのみ描画されます。