Typ obiektu DropShadowValue

Nieoficjalne Tłumaczenie Beta

Ta strona została przetłumaczona przez PageTurner AI (beta). Nie jest oficjalnie zatwierdzona przez projekt. Znalazłeś błąd? Zgłoś problem →

Obiekt DropShadowValue jest używany przez właściwość stylu filter w funkcji dropShadow. Składa się z 2 lub 3 wartości długości oraz opcjonalnego koloru. Te wartości wspólnie definiują kolor, pozycję i rozmycie cienia.

Przykład

js

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

Klucze i wartości

offsetX

Przesunięcie wzdłuż osi X. Może być dodatnie lub ujemne. Wartość dodatnia oznacza przesunięcie w prawo, ujemna - w lewo.

Type	Optional
number | string	No

offsetY

Przesunięcie wzdłuż osi Y. Może być dodatnie lub ujemne. Wartość dodatnia oznacza przesunięcie w górę, ujemna - w dół.

Type	Optional
number | string	No

standardDeviation

Reprezentuje odchylenie standardowe używane w algorytmie rozmycia Gaussa. Im większa wartość, tym bardziej rozmyty cień. Dopuszczalne są tylko wartości nieujemne. Domyślna wartość to 0.

Type	Optional
number | string	Yes

color

Kolor cienia. Domyślna wartość to black (czarny).

Type	Optional
color	Yes

Używane przez

• filter