CodeKitHubNarzędzia CSS
Wizualne generatory CSS — przesuwaj suwaki, kopiuj kod, bez zapamiętywania składni.
Narzędzia w tej kategorii
Generator promienia krawędzi
Przesuń suwaki, aby zaokrąglić każdy róg, i skopiuj kod CSS dotyczący właściwości `border-radius`.
Generator cieni ramki
Dostosuj suwaki dla przesunięcia, rozmycia, rozprzestrzenienia i koloru, a następnie skopiuj kod CSS dla efektu cienia.
Generator cieni React Native
Zaprojektuj cień wizualnie i otrzymaj dokładny obiekt stylu React Native dla iOS i Androida.
Generator Cubic-Bezier CSS
Ukształtuj krzywą płynności suwakami, zobacz animację na żywo i skopiuj CSS cubic-bezier().
Generator Tekstu Glitch CSS
Wpisz tekst, wybierz dwa kolory glitcha i skopiuj animowany CSS + HTML z efektem rozdzielenia kolorów.
Generator loadera CSS
Zbuduj obracającą się, skaczącą lub pulsującą animację ładowania CSS i skopiuj CSS + HTML.
Generator checkboxa CSS
Zaprojektuj checkbox z zaokrąglonym haczykiem, przełącznikiem lub wypełnionym kółkiem i skopiuj CSS.
Generator przełącznika CSS
Dostosuj rozmiar, kolory i zaokrąglenie, a następnie skopiuj dostępny przełącznik oparty na checkboxie jako HTML i CSS.
Generator trójkąta CSS
Wybierz kierunek, rozmiar i kolor, a następnie skopiuj trójkąt w czystym CSS zbudowany za pomocą sztuczki z obramowaniem.
Generator glassmorphizmu CSS
Dostosuj krycie tła, rozmycie, obramowanie i promień, aby stworzyć kartę z efektem matowego szkła, a następnie skopiuj kod CSS.
Generator wzorów tła CSS
Wybierz wzór (kropki, paski, szachownica, siatka), dostosuj kolor i rozmiar, a następnie skopiuj kod CSS.
Generator gradientów CSS
Twórz gradienty liniowe i radialne z punktami kolorów oraz suwakiem kąta, a następnie skopiuj kod CSS.
Generator clip-path CSS
Wybierz gotowy kształt, obejrzyj przycięcie na żywo i skopiuj wygenerowany kod CSS clip-path.
Tailwind - Odniesienie Kolorów
Sprawdź dowolny domyślny kolor Tailwind w obie strony: hex na nazwę klasy lub nazwę klasy na hex/RGB — plus pełna przeglądalna paleta.
Konwerter Pantone CMYK RGB
Konwertuj kody kolorów Pantone (PMS), CMYK, RGB i Hex w obie strony, z przeszukiwalną bazą 1341 kolorów Pantone.
CSS Emboss Text Generator
Generuj efekty wypukłego lub wygrawerowanego tekstu CSS błyskawicznie — wpisz tekst, dostosuj styl i intensywność, a następnie skopiuj kod CSS.
Neon Text Generator
Generuj świecące neonowe efekty tekstu CSS błyskawicznie — wpisz tekst, wybierz kolor i intensywność blasku, a następnie skopiuj kod CSS.
CSS Gold Button Generator
Generuj metaliczne przyciski CSS w kolorze złota, srebra, brązu lub różowego złota błyskawicznie — wpisz tekst, wybierz styl metalu i skopiuj kod CSS.
Próbnik kolorów
Wybierz dowolny kolor na ekranie lub pobierz go z załadowanego obrazu – dostępne są opcje wyświetlania w formatach HEX, RGB i HSL oraz przyciski kopiowania.