Przejdź do głównej treści
Uddatak

Generator glassmorphism CSS

Dostosuj rozmycie tła, kolor i przezroczystość szklanej powłoki, przezroczystość obramowania oraz zaokrąglenie rogów za pomocą suwaków na żywo na kolorowym tle, a następnie skopiuj dokładny kod CSS (wraz z prefiksem WebKit dla Safari).

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

background: rgba(255, 255, 255, 0.20);
backdrop-filter: blur(12px);
-webkit-backdrop-filter: blur(12px);
border: 1px solid rgba(255, 255, 255, 0.30);
border-radius: 20px;

Kontynuuj z

W pełni lokalnie

Generator cienia box-shadow CSS

Zaprojektuj cień box-shadow CSS wizualnie za pomocą suwaków 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

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

Powiązane narzędzia

W pełni lokalnie

Generator CSS Grid i Flexbox

Zaprojektuj wizualnie układ Grid lub Flexbox z podglądem na żywo i skopiuj gotowy kod CSS.

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

Tekst w stylu pisma odręcznego

Zamień wpisany tekst w obraz wyglądający jak pismo odręczne na liniowanym papierze, w wybranym stylu pisma.

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

Generator wzorów blob SVG

Wygeneruj losowy organiczny kształt blob lub bezszwowy powtarzalny wzór tła jako SVG i skopiuj lub pobierz go.

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

Generator animacji keyframe CSS

Zaprojektuj wizualnie animację CSS (zanikanie, przesunięcie, powiększenie, odbicie, obrót, odwrócenie) i uzyskaj gotowy kod @keyframes.

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

Generator harmonii palety kolorów

Wybierz kolor bazowy i uzyskaj harmonijną paletę kolorów (dopełniającą, analogiczną, triadyczną, tetradyczną, monochromatyczną).

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