Typ obiektu BoxShadowValue
Ta strona została przetłumaczona przez PageTurner AI (beta). Nie jest oficjalnie zatwierdzona przez projekt. Znalazłeś błąd? Zgłoś problem →
Obiekt BoxShadowValue jest używany przez właściwość stylu boxShadow. Składa się z 2-4 wartości długości, opcjonalnego koloru oraz opcjonalnej wartości logicznej inset. Te wartości wspólnie definiują kolor, pozycję, rozmiar i rozmycie cienia.
Przykład
{
offsetX: 10,
offsetY: -3,
blurRadius: '15px',
spreadDistance: '10px',
color: 'red',
inset: true,
}
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 |
blurRadius
Reprezentuje promień używany w algorytmie rozmycia Gaussa. Im większa wartość, tym bardziej rozmyty jest cień. Dopuszczalne są wyłącznie wartości nieujemne. Wartość domyślna to 0.
| Type | Optional |
|---|---|
| number | string | Yes |
spreadDistance
Określa, jak bardzo cień się powiększa lub pomniejsza. Wartość dodatnia powiększa cień, ujemna - pomniejsza.
| Type | Optional |
|---|---|
| number | string | Yes |
color
Kolor cienia. Domyślna wartość to black (czarny).
| Type | Optional |
|---|---|
| color | Yes |
inset
Określa, czy cień jest wewnętrzny (inset). Cienie wewnętrzne pojawiają się wewnątrz ramki elementu, a nie na zewnątrz.
| Type | Optional |
|---|---|
| boolean | Yes |