DropShadowValue オブジェクト型

DropShadowValue オブジェクトは、dropShadow 関数で filter スタイルプロパティによって使用されます。これは2つまたは3つの長さとオプションの色で構成されます。これらの値は、ドロップシャドウの色、位置、ぼかしをまとめて定義します。

使用例

js

{
  offsetX: 10,
  offsetY: -3,
  standardDeviation: '15px',
  color: 'blue',
}

キーと値

offsetX

x軸上のオフセット。正の値でも負の値でも構いません。正の値は右、負の値は左を示します。

型	任意
number | string	いいえ

offsetY

y軸上のオフセット。正の値でも負の値でも構いません。正の値は上、負の値は下を示します。

型	任意
number | string	いいえ

standardDeviation

ガウスぼかしアルゴリズムで使用される標準偏差を表します。値が大きいほど影がぼやけます。負の値は無効です。デフォルトは0です。

型	任意
number | string	はい

color

影の色。デフォルトはblackです。

型	任意
color	はい

使用箇所

• filter