CSS Lineární Gradient Generator
Vizuálně sestavujte přechody CSS: lineární, radiální nebo kuželový typ, posuvník úhlu a až šest barevných zarážek s živým náhledem v plné šířce a kopírovatelným kódem.
Výsledek
Tato stránka otevře generátor přechodů s již vybraným lineárním typem. Přetažením jezdce úhlu otočte prolínání, upravte zarážky barev a náhled na plnou šířku plus aktualizaci čáry CSS při každém vstupu.
linear-gradient() vybarvuje barvy podél přímky – zdaleka nejpoužívanější přechod v CSS. 90 stupňů probíhá zleva doprava, 180 stupňů shora dolů a jakýkoli úhel mezi tím dává úhlopříčku; pozice zastavení v procentech rozhodují o tom, kde se každý barevný pruh začne prolínat do dalšího.
Když náhled vypadá správně, zkopírujte čáru pozadí do šablony stylů. Pokud chcete místo prázdného listu výchozí bod, stránky přednastavení západu slunce, oceánu a pastelu otevřou stejný nástroj s již načtenými osvědčenými páry barev.