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?
Dostosuj wartości przesunięcia poziomego/pionowego, rozmycia i rozszerzenia za pomocą suwaków.
Ustaw kolor i krycie cienia.
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.