DropShadowValue オブジェクト型

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

例

js

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

キーと値

offsetX

x軸上のオフセットです。これは正または負の値をとることができます。正の値は右、負の値は左を示します。

型	任意
number | string	No

offsetY

y軸上のオフセットです。これは正または負の値をとることができます。正の値は上、負の値は下を示します。

型	任意
number | string	No

standardDeviation

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

型	任意
number | string	はい

color

シャドウの色。デフォルトは black です。

型	任意
color	はい

使用元

• filter