Generátor CSS gradientu
Generujte CSS lineárne a radiálne gradienty s vlastnými farbami a uhlami.
Generátor CSS gradientu
Generátor CSS gradientu vytvorí deklarácie gradientu na pozadí za pár sekúnd. Lineárne gradienty tečú v jednom smere a sú ideálne na jemné pozadia alebo pútavé prelínania. Radiálne gradienty vychádzajú zo stredného bodu a sú vhodné na efekty svietidla alebo hladké prechody farieb. Zvolte typ gradientu, nastavte uhol pre lineárne gradienty (0–360 stupňov) a vyberte dve farby – hex kódy, RGB, RGBA alebo pomenované farby všetko funguje. Nástroj vygeneruje úplnú CSS vlastnosť background, ktorú môžete priamo vložiť do svojho štýlového hárka.
Gradienty sú jedným z najuniverzálnejších prvkov v modernom CSS. Redukujú veľkosť súboru v porovnaní s obrazovými pozadiami, nekonečne sa škálujú a hladko sa animujú v prehliadačoch. Živý náhľad ukazuje presne, ako váš gradient vyzerá, keď meníte farby a uhly. Skopírujte výstup a aplikujte ho na ľubovolný prvok – pozadie stránky, tlačidlo, heroickú sekciu alebo překrytie karty.
Všetko beží vo vašom prehliadači, takže vaše voľby farieb a nastavení ostávajú súkromné. Nikam sa nezasielajú žiadne údaje. Nástroj funguje aj offline, takže môžete generovať gradienty kdekoľvek, kedykoľvek. Či už navrhujete webovú stránku, vytvárate prototyp aplikácie alebo len experimentujete s farebnými kombináciami, tento generátor urýchli vašu prácu.