Generátor CSS gradientov

Generátor CSS gradientov

Vytvorte lineárne alebo radiálne gradienty s až 4 farbami a skopírujte hotový CSS kód.

🔒 100 % súkromné ⚡ Žiadne nahrávanie súborov 🆓 Zadarmo, bez obmedzení

Ako vytvoriť CSS gradient online

1

Vyberte typ degradácie

Vyberte lineárny alebo radiálny gradient podľa efektu, ktorý chcete dosiahnuť.

2

Pridajte a upravte farby

Pridajte až 4 farby, zmeňte ich poradie a upravte uhol alebo polohu gradientu.

3

Skopírujte kód CSS

Stlačte tlačidlo kopírovania a vložte kód priamo do vášho súboru štýlov.

Často kladené otázky o generátore gradientov

Gradienty sú jednoduchý spôsob, ako pridať hĺbku a štýl do akéhokoľvek webového dizajnu. Tento nástroj vygeneruje presný CSS kód, ktorý potrebujete, bez nutnosti ručného písania.

Aké typy prechodu si môžem vytvoriť?

+

Môžeš vytvoriť lineárne prechody (v ľubovoľnom uhle) a radiálne prechody.

Koľko farieb si môžem použiť?

+

Môžeš kombinovať 2 až 4 farby v tom istom prechode.

Funguje kód vo všetkých prehliadačoch?

+

Áno, generuje sa so štandardnou syntaxou CSS, kompatibilná so všetkými modernými prehliadačmi.

Potrebujem nainštalovať nejaký program?

+

Nie, netreba nič inštalovať. Funguje priamo z prehliadača.

Je to zadarmo?

+

Áno, tento nástroj je úplne bezplatný.

Môžem použiť gradient ako pozadie obrázka?

+

Generovaný kód je čistý CSS; ak potrebuješ obrázok, môžeš urobiť snímku obrazovky náhľadu.

Preskúmajte farby podľa rodiny

Viac ako 469 pomenovaných farieb s ich kódmi HEX, RGB, HSL a CMYK, organizovaných do 12 farebných skupín.

Pomohli sme ti? Pomôž nám to rozšíriť!
Zdieľaj PDFDocks s každým, kto by to mohol potrebovať.