Przejdź do treści

Generator cieni

Darmowy generator CSS box-shadow online. Regulacja przesunięcia, rozmycia, rozproszenia, koloru z podglądem na żywo. Kopiowanie kodu. Przetwarzane w przeglądarce.

Generator CSS Box Shadow to darmowe narzędzie online, które wizualnie edytuje właściwość box-shadow. Dostosuj przesunięcie, rozmycie, rozszerzenie i kolor za pomocą suwaków z podglądem w czasie rzeczywistym. Obsługuje wiele cieni oraz inset. Przetwarzanie w przeglądarce, bez przesyłania na serwer — całkowicie za darmo, do tworzenia stron internetowych.

box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 0.25);
lock Pliki nie są wysyłane na żaden serwer

Jak używać Generator cieni?

  1. Dostosuj wartości przesunięcia poziomego/pionowego, rozmycia i rozszerzenia za pomocą suwaków.
  2. Ustaw kolor i krycie cienia.
  3. Skopiuj wygenerowany kod CSS i użyj go w swoim projekcie.

Najczęściej zadawane pytania o Generator cieni

Czy mogę dodać wiele cieni jednocześnie?

Tak, możesz dodać wiele cieni, aby uzyskać złożoną głębię i efekty. Każdy cień można dostosować indywidualnie.

Czym jest cień inset?

Cień inset pojawia się wewnątrz elementu, a nie na zewnątrz. Podczas gdy zwykły box-shadow pojawia się na zewnątrz, dodanie inset tworzy efekt wgłębienia, jakby wciśnięcia.