Generator CSS box-shadow

Build a CSS box- shadow declaration from offsets, blur, spread and color.

Grafika Bez zapisywania danych

Krótka instrukcja

Wypróbuj przykład

Wprowadź

Poziome przesunięcie (px)
0
Offset pionowy (px)
4
Promień rozmycia (px)
12
Rozszerzenie (px)
0
Kolor szesnastkowy
#00000033
Pozycja cienia
Outside

Otrzymasz

box-shadow: 0px 4px 12px 0px #00000033;
Jak to działa i ogranicza

Podaj wymiary w pikselach i kolor w zapisie szesnastkowym o sześciu lub ośmiu cyfrach. Ujemna wartość rozmiaru zmniejsza cień.