O tomto nástroji
Co je CSS Gradient Generator?
Vytvářejte CSS přechody s živým náhledem. Vyberte typ (lineární, radiální, kuželový), přidejte neomezený počet barevných zarážek, nastavte úhel (nebo pozici u radiálního) a zkopírujte vygenerované CSS. Výstup podporuje všechny moderní prohlížeče; pro starší prohlížeče zahrnujeme prefixované záložní verze.
Designéři to využívají pro hero pozadí, styly tlačítek a průzkum nálady značky. Výstup v CSS, Tailwind třídách nebo SVG.
FAQ · CSS GRADIENT GENERATOR
Otázky k CSS Gradient Generator
Které typy přechodů jsou podporovány?
Lineární (nejčastější — založený na úhlu), radiální (kruhový nebo eliptický, s nastavitelnou pozicí) a kuželový (nejnovější typ — rozprostírá barvy kolem středového bodu, vhodný pro návrhy podobné koláčovým grafům). Vše se generuje jako standardní CSS.
Mohu exportovat do Tailwindu?
Ano — generátor vedle čistého CSS vypisuje také utility třídy Tailwindu (např. `bg-gradient-to-br from-blue-500 via-purple-500 to-pink-500`), pokud barevné zarážky odpovídají pojmenované paletě Tailwindu.
Je to zdarma?
Ano — bez registrace, běží v prohlížeči.