Generátor CSS přechodů
Vytvářejte CSS přechody vizuálně: lineární, radiální nebo kuželový typ, posuvník úhlu a až šest barevných bodů s živým náhledem přes celou šířku a kódem připraveným ke kopírování.
🔒 Zpracováno výhradně ve vašem prohlížeči – nic, co zde zadáte, se nikdy nenahraje.
Výsledek
Psát linear-gradient(135deg, #2193b0 0%, #6dd5ed 100%) ručně a obnovovat stránku pro kontrolu je pomalý koloběh. Tento generátor jej uzavírá: vyberte lineární, radiální nebo kuželový, táhněte posuvníkem úhlu, nastavte každý barevný bod nativním výběrem barvy a pozicí v procentech – a náhled přes celou šířku se překresluje při každé jednotlivé změně s hotovým řádkem pozadí vždy připraveným ke kopírování.
Tři typy přechodů pokrývají různé úkoly. Lineární přechody ubíhají podél směru a nesou většinu úvodních sekcí a tlačítek; radiální přechody vyzařují ze středu pro záře a viněty; kuželové přechody obtáčejí střed a pohánějí koláčové grafy a barevná kola. Typy můžete kdykoli přepínat – vaše body se přenesou, takže porovnání všech tří trvá několik sekund.
Až šest barevných bodů vám dává prostor pro vícepásmové návrhy a stránky předvoleb dodávají osvědčené kombinace – teplý západ slunce, klidný oceán a jemný pastelový pár – jako výchozí body, které můžete dolaďovat, spíše než prázdná plátna. Všimněte si rozdělení úkolů: generátor barevných palet na tomto webu vybírá harmonické ploché barvy a převodník barevných formátů překládá hodnotu mezi HEX, RGB a HSL, zatímco tento nástroj dělá jinou práci – přeměňuje vybrané barvy na hotový CSS kód přechodu.
Vše běží lokálně ve vašem prohlížeči: žádné nahrávání, žádný účet, žádné vzdálené požadavky a generátor po načtení funguje i offline.