Generator cienia pola CSS
Wizualnie generuj i podglądaj właściwości CSS box-shadow.
Ustawienia cienia
Dostosuj suwaki, aby dostosować efekt cienia
Cień 1
Predefiniowane
Wypróbuj predefiniowane style cienia
Podgląd
Zobacz wygenerowany efekt cienia
Preview
Wygenerowany CSS
box-shadow: 0px 4px 6px 0px #00000040;Referencje właściwości cienia pola
Opisy właściwości
- • Przesunięcie X: Pozycja pozioma cienia (dodatnia: w prawo, ujemna: w lewo)
- • Przesunięcie Y: Pozycja pionowa cienia (dodatnia: w dół, ujemna: w górę)
- • Rozmycie: Promień rozmycia cienia (0: ostre, większe wartości bardziej rozmyte)
- • Rozproszenie: Rozmiar cienia (dodatnie: rozszerzenie, ujemne: zmniejszenie)
- • Kolor: Kolor cienia (HEX, RGB, RGBA itp.)
- • Wewnętrzny: Czy cień jest cieniem wewnętrznym