Generator cieni CSS

Generuj CSS dla cieni (zewnętrznych/wewnętrznych) z regulowanymi parametrami.

Wzór

box-shadowtext-shadow

Kolor (#000000)

Krycie (50%)

Rozproszenie (5px)

Przesunięcie Y (10px)

Przesunięcie X (10px)

Rozmiar (0px)

Kierunek

ZewnętrznyWewnętrzny

box-shadow: 10px 10px 5px 0px #00000080;

Wyjaśnienie

Generuje CSS w czasie rzeczywistym na podstawie parametrów cienia, takich jak kolor i odległość.

Wzór	Wybierz między cieniami dla elementów (`box-shadow`) a cieniami tekstu (`text-shadow`).
Kolor	Ustawia kolor cienia.
Krycie	Ustawia krycie koloru cienia.
Rozproszenie	Reguluje poziom rozmycia/rozproszenia.
Odległość	Ustawia przesunięcia X/Y. `0px` to środek.
Rozmiar	Ustawia rozmiar cienia. Ustawienie odległości na `0px` i zwiększenie rozmiaru daje efekt poświaty.
Kierunek	Wybierz, czy cień jest na zewnątrz czy inset.