Design
Generátor CSS gradientů
Vytvářejte CSS gradienty vizuálně.
Jak používat
Vyberte si přednastavený vzor nebo vytvořte vlastní: přidejte barevné zastávky, přesouvejte jejich pozice, přepínejte mezi lineárním, radiálním a kónickým typem. Zkopírujte CSS kód nebo úryvek třídy Tailwind.
FAQ
Jaké typy gradientů jsou podporovány?
Lineární (libovolný úhel), radiální (kruh od středu) a kónický (barevný kruh). Každý typ podporuje více barevných zastávek s přetahovatelnými polohami.
Jak použít CSS?
Zkopírujte vygenerovaný řádek s pozadím do svého stylopisu, nebo jej vložte do libovolné hodnoty Tailwind, např. bg-[linear-gradient(...)].
Mohu začít z přednastavení?
Ano – klikněte na libovolný ze 12 přednastavených vzorů (západ slunce, oceán, radiální světlo, konická duha a další) a poté upravte zastávky a úhly.
Naposledy aktualizováno: