Przejdź do głównej treści
Uddatak

Generator cienia box-shadow CSS

Dostosuj przesunięcie, rozmycie, rozrzut, kolor i przezroczystość za pomocą suwaków na żywo, aby zaprojektować efekt box-shadow na przykładowej karcie, a następnie skopiuj dokładny kod właściwości CSS box-shadow — z obsługą wielu nałożonych na siebie cieni.

Narzędzia projektowe i CSS Działa całkowicie w Twojej przeglądarce

Całe przetwarzanie odbywa się na Twoim urządzeniu — nic nie jest wysyłane na serwer.

Kod CSS

box-shadow: 0px 8px 20px -2px rgba(0, 0, 0, 0.25);

Kontynuuj z

W pełni lokalnie

Generator gradientu CSS

Zbuduj liniowy lub radialny gradient CSS w sposób wizualny i skopiuj gotowy kod.

Narzędzia projektowe i CSSOtwórz narzędzie
W pełni lokalnie

Generator zaokrąglenia rogów CSS

Zaprojektuj zaokrąglone rogi — także asymetryczne kształty — i skopiuj gotowy kod CSS.

Narzędzia projektowe i CSSOtwórz narzędzie
W pełni lokalnie

Konwerter px na rem

Przelicz między pikselami a jednostkami rem na podstawie własnego rozmiaru czcionki bazowej.

Narzędzia projektowe i CSSOtwórz narzędzie

Powiązane narzędzia

W pełni lokalnie

Generator zaokrąglenia rogów CSS

Zaprojektuj zaokrąglone rogi — także asymetryczne kształty — i skopiuj gotowy kod CSS.

Narzędzia projektowe i CSSOtwórz narzędzie
W pełni lokalnie

Konwerter px na rem

Przelicz między pikselami a jednostkami rem na podstawie własnego rozmiaru czcionki bazowej.

Narzędzia projektowe i CSSOtwórz narzędzie
W pełni lokalnie

Ekstraktor palety kolorów

Wyodrębnij najbardziej dominujące kolory z dowolnego obrazu wraz z kodami HEX, RGB i CSS.

Narzędzia projektowe i CSSOtwórz narzędzie
W pełni lokalnie

Generator zrzutów ekranu kodu

Wklej kod i zamień go w estetyczny obraz z gradientowym tłem i paskiem tytułowym, gotowy do udostępnienia.

Narzędzia projektowe i CSSOtwórz narzędzie
W pełni lokalnie

Symulator daltonizmu

Zobacz, jak Twój obraz wygląda w oczach osoby z daltonizmem (protanopia, deuteranopia, trytanopia lub achromatopsja).

Narzędzia projektowe i CSSOtwórz narzędzie

Chcesz wypróbować Uddatak?

Przeglądaj pełną bibliotekę narzędzi i od razu zacznij korzystać z tego, czego potrzebujesz — za darmo, bez rejestracji.

Zobacz wszystkie narzędzia