O tym narzędziu
Czym jest CSS Gradient Generator?
Twórz gradienty CSS z podglądem na żywo. Wybierz typ (liniowy, radialny, stożkowy), dodaj dowolnie wiele punktów kolorów, ustaw kąt (lub położenie dla radialnego) i skopiuj wygenerowany CSS. Wynik działa we wszystkich nowoczesnych przeglądarkach; dla starszych dołączamy rozwiązania zapasowe z prefiksami dostawców.
Projektanci wykorzystują to narzędzie do teł sekcji hero, stylów przycisków i eksploracji nastroju marki. Wynik jako CSS, klasy Tailwind lub SVG.
FAQ · CSS GRADIENT GENERATOR
Pytania o CSS Gradient Generator
Jakie typy gradientów są obsługiwane?
Liniowe (najczęstsze — oparte na kącie), radialne (kołowe lub eliptyczne, z możliwością ustawienia położenia) oraz stożkowe (najnowszy typ — rozprowadza kolory wokół punktu środkowego, świetnie nadaje się do projektów przypominających wykresy kołowe). Wszystko generowane jako standardowy CSS.
Czy mogę wyeksportować do Tailwind?
Tak — obok surowego CSS generator zwraca klasy narzędziowe Tailwind (np. `bg-gradient-to-br from-blue-500 via-purple-500 to-pink-500`), gdy punkty przejścia kolorów pokrywają się z nazwanymi kolorami palety Tailwind.
Czy jest darmowy?
Tak — bez rejestracji, działa w przeglądarce.