Generator box-shadow CSS
Twórz wizualnie wartości box-shadow w CSS. Podgląd w czasie rzeczywistym i kopiowanie wygenerowanego CSS.
box-shadow: 0px 8px 16px 0px #00000033;
Czym jest generator box-shadow CSS?
Właściwość box-shadow w CSS przyjmuje przesunięcie poziome, przesunięcie pionowe, promień rozmycia, promień rozproszenia oraz kolor. Można nakładać wiele cieni, aby uzyskać efekty warstwowe. Ten wizualny generator tworzy CSS dla dowolnej kombinacji: przydatny do przycisków, kart i efektów głębi.
Najczęściej zadawane pytania
Jak nałożyć wiele cieni?▼
Jaka jest różnica między rozmyciem a rozproszeniem?▼
Powiązane narzędzia
Konwerter kolorów (HEX/RGB/HSL)
Konwertuj kolory między formatami HEX, RGB i HSL. Wybierz kolor wizualnie lub wprowadź wartości ręcznie.
Generator gradientów CSS
Twórz liniowe i radialne gradienty CSS. Wybieraj kolory w sposób wizualny i kopiuj wygenerowany kod CSS.
Generator krzywych przyspieszenia cubic-bezier
Twórz krzywe przyspieszenia cubic-bezier dla CSS. Zawiera standardowe ustawienia predefiniowane.
Generator palet kolorów
Generuj harmonijne palety kolorów z dowolnego koloru bazowego. Obsługuje schematy dopełniające, analogiczne, triadyczne i monochromatyczne.
Generator border-radius CSS
Twórz wizualnie złożone wartości border-radius w CSS. Niezależna kontrola każdego rogu.
Generator CSS clamp()
Generuj płynne, responsywne wartości CSS za pomocą clamp(). Skaluje się gładko między rozmiarem minimalnym a maksymalnym w zakresach widoku.