Imgix APIsレンダリング APIドロップシャドウドロップシャドウの減衰

ドロップシャドウの減衰

drop-shadow-falloff

drop-shadow-falloff パラメーターは、影の先端に向かって影を薄くしていきます。0 から 100 の値を受け取り、デフォルトは 0 で、影の全長にわたって同じ不透明度を保ちます。

値を大きくすると、被写体に接する位置で最も濃く、遠ざかるにつれて徐々に薄くなります。実際の影もこのように減衰するため、まったく減衰させないよりも少し減衰させた方が自然に見えることが多く、特に drop-shadow-elevation が低い場合は、減衰のない影が画面を占領してしまいがちです。

このパラメーターを読み取るのは drop-shadow-type=cast のみで、値は0〜100に丸められます。

デフォルトの減衰なし
sandbox-demo
drop-shadow-falloff=80 は先端に向かって薄くなります
sandbox-demo