UTILS.
100% w przeglądarce

Generator cieni CSS (box-shadow)

Zaprojektuj wizualnie cień box-shadow z podglądem na żywo i skopiuj CSS.

O tym narzędziu

Twórz wizualnie cień CSS box-shadow, przesuwając suwaki przesunięcia, rozmycia, rozszerzenia, koloru i przezroczystości, a następnie skopiuj gotową regułę. Wszystko aktualizuje się na żywo i działa w całości w Twojej przeglądarce.

Najczęściej zadawane pytania

Co robi wartość rozszerzenia (spread)?
Rozszerzenie powiększa (wartość dodatnia) lub zmniejsza (wartość ujemna) cień przed zastosowaniem rozmycia, czyniąc go większym lub bardziej zwartym niż element.
Czym jest cień wewnętrzny (inset)?
Inset rysuje cień wewnątrz elementu zamiast na zewnątrz, co przydaje się przy wciśniętych przyciskach lub wewnętrznej poświacie.

Więcej narzędzi