Narzędzie online Generator cieni CSS Box

color
color

Utwórz właściwości swojego cienia pudełka, aby uzyskać styl CSS.

Użyj suwaków i próbnika kolorów, aby ustawić wartości i oglądaj podgląd na żywo, aż osiągniesz pożądany efekt. Wybierz przesunięcie w prawo, rozmieszczenie, rozmycie, krycie, kolor.

Wybierz niestandardowy kolor tła podglądu i obiektu.

 

Dodaj wiele cieni w pudełku

Przeglądarki internetowe pozwalają nam dodać więcej niż jeden cień do naszego projektu, podobnie jak to narzędzie online. Użyj przycisku Dodaj nowy, aby zapisać bieżącą linię i skonfigurować nową. 

 

Składnia CSS

box-shadow: none|<em>h-offset v-offset blur spread color&nbsp;</em>|inset|initial|inherit;

Uwaga:  Aby dołączyć więcej niż jeden cień do elementu, dodaj listę cieni oddzielonych przecinkami (zobacz poniższy przykład „Wypróbuj sam”).