CSS Lineárny Gradient Generator
Vizuálne vytvorte prechody CSS: lineárny, radiálny alebo kužeľový typ, posúvač uhla a až šesť farebných zarážok so živým náhľadom v plnej šírke a kopírovateľným kódom.
Výsledok
Táto stránka otvorí generátor prechodov s už vybratým lineárnym typom. Potiahnutím jazdca uhla otočte vyblednutie, upravte zarážky farieb a ukážku na celú šírku plus aktualizáciu čiary CSS pri každom vstupe.
linear-gradient() maľuje farby pozdĺž rovnej čiary – najpoužívanejší prechod v CSS. 90 stupňov prebieha zľava doprava, 180 stupňov zhora nadol a akýkoľvek uhol medzi nimi dáva uhlopriečku; pozície zastavenia v percentách rozhodujú o tom, kde sa každý farebný pás začne prelínať do ďalšieho.
Keď ukážka vyzerá správne, skopírujte čiaru pozadia do šablóny so štýlmi. Ak chcete namiesto prázdnej tabuľky východiskový bod, prednastavené stránky západu slnka, oceánu a pastelu otvoria rovnaký nástroj s už načítanými osvedčenými pármi farieb.